入力フォームから送られた情報を確認表示画面で表示される文字の大きさを変えたい。

######実現したいこと
付属画像の右側の画像（青い文字の確認画面）のように、入力フォームから受け取った情報の文字の太さを調整したいです。
付属画像の左側（緑の確認画面）が自分の入力フォームの確認画面の画像なのですが、入力された情報が同じ文字で表示されているのですが、これを入力フォームを通して送られた文字の太さのみを調節したいです。

回答よろしくお願いいたします。

確認表示画面の画像
![

---コードは４つからなっています。---

①◎入力フォームの入力画面のｈｔｍｌ、ｐｈｐのコード、CSSを含む
②◎入力フォームのデザインのｃｓｓ
③◎確認表示画面のｈｔｍｌ、ｐｈｐ、のコード
④◎確認表示画面のタイトル、文字の大きさ、線の空間等のデザインのｃｓｓコード

試したこと

③の確認表示画面のｈｔｍｌ、ｐｈｐコードに以下を追加すると、確認画面のタイトルに色を変えることで、入力情報が分かりやすくなりそうで、やってみましたが、少し不自然な感じがします。

①◎入力フォームの入力画面のｈｔｍｌ、ｐｈｐのコード、CSSを含む

php
1<?php
2session_start();
3$errors = array();
4if(isset($_POST['submit'])) { 
5$name = $_POST['name'];
6$furigana = $_POST['furigana'];
7
8if(count($errors) === 0) {
9$_SESSION['name'] = $name; 
10$_SESSION['furigana'] = $furigana; 
11
12if(isset($_GET['action']) && $_GET['action'] === 'edit'){
13$name = $_SESSION['name'];
14$furigana = $_SESSION['furigana'];
15 } 
16?> 
17
18<!DOCTYPE html> 
19<html>
20<head>
21<meta content="text/html; charset=utf-8"/>
22<title></title> 
23<link rel="stylesheet" href="syoki.css"> 
24<style>
25 /* 入力フォームの位置 */     
26 .auto-style1 {
27	 margin: auto;
28	 text-align: center;
29   }
30/* セレクトボックスの位置 */ 
31 .auto-style2 {
32	 margin: auto;
33	 text-align: center;/* セレクトボックス中央に配置 */ 
34  }
35 /* 送信ボタンの位置 */ 
36 .auto-style3 {
37	text-align: center;/* 送信ボタンを中央に配置 */ 
38   }
39/* 送信ボタンの代替画像位置 */ 
40 .auto-style4 {
41	text-align: center;/* 画像を中央に配置 */ 
42  margin-top:87px ;/* 画像の上の余白 */ 
43 }
44</style>
45<?php echo "<ul>";foreach($errors as $value) {
46echo "<li>"; 
47echo $value; 
48echo "</li>"; 
49} 
50echo "</ul>";
51?>
52</head>
53<body>
54<form action ="hpform1.php" method ="post" class="auto-style1">
55
56<div class="auto-style1">   
57<p class="px-num"> 
58名前：※
59</p>
60<input type="text" class="name" name="name" id="name" value="<?php if(isset($name)){ echo $name; } ?>"/>
61<p class="px-num"> 
62フリガナ：※
63</p>
64<div class="enter">  
65<button type="submit" name ="submit" class="auto-style4" height="230px" width="813">
66<img src="enter.png"  alt="確認画面へ" class="auto-style3" height="230px" width="813"/></button>
67</div>
68</form>
69</body></html>
70

②◎入力フォームのデザインのｃｓｓ

css
1/* 入力フォームのスタイル */
2#name {
3    
4    border: 2px solid #63e02d;  /* 枠線 */
5    padding: 0.5em;          /* 内側の余白量 */
6    background-color: snow;  /* 背景色 */
7    width: 27.8em;             /* 横幅 */
8    height: 36px;           /* 高さ */
9    font-size: 1em;          /* テキスト内の表示文字サイズ */
10    line-height: 1.2;         /* 行の高さ */
11}
12#furigana {
13    
14    border: 2px solid #63e02d; 
15    padding: 0.5em;          
16    background-color: snow;  
17    width: 27.8em;            
18    height: 36px;         
19    font-size: 1em;         
20    line-height: 1.2;       
21    text-align: center;
22}
23

③◎確認表示画面のｈｔｍｌ、ｐｈｐ、のコード

php
1<?php
2session_start(); 
3if(isset($_SESSION['name'])){ 
4
5$name = $_SESSION['name'];
6$furigana = $_SESSION['furigana'];
7}
8$_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(48)); 
9$token = htmlspecialchars($_SESSION['token'], ENT_QUOTES);
10?> 
11
12<!DOCTYPE html>
13<html>
14<head> 
15<meta charset ="utf-8"> 
16<link rel="stylesheet" href="hpkiyaku.css"> 
17<title></title> 
18</head>
19<body>
20
21<form action ="hpform3.php" method ="post" name="doui_form" onsubmit="return false">
22<input type ="hidden" name ="token" value ="<?php echo $token ?>">
23
24<div class="title">
25<label class="title" for="title">お申し込み内容の確認</label>
26</div>
27<div class="row">
28<label class="col-sm-2 control-label" for="name">名前：<?php echo $name; ?></label>
29</div>
30<div class="row">
31<label class="col-sm-2 control-label" for="furigana">フリガナ:<?php echo $furigana; ?></label>
32</div>
33
34<table> 
35<tr> 
36<td colspan="2"><button id="soushin">送信する</button>
37</td>
38</tr> 
39</table> 
40</form> 
41<p><a href="form1.php?action=edit">入力画面へ戻る</a></p>
42</body> 
43</html>

④◎確認表示画面のタイトル、文字の大きさ、線の空間等のデザインのｃｓｓコード

css
1.title{
2	line-height: 80px;/* 文字の行間 *//* 下線からの余白を広げるための処置 */
3	font-size: 39px;/* 文字の大きさ */
4	font-weight: 900;/* 文字の太さ */
5	text-align: center;/* 文字を中央に配置 */
6	color: #63e02d;
7	transform: scale( 1 , 1.1 );/*文字の大きさ調節*/
8	margin-top: 40px;/* 上の余白 */
9}
10/* pxで指定 入力フォーム、セレクトボックスの上の文字タイトルの行間の大きさ、文字サイズ、太さ*/
11.row{
12	line-height: 38px;/* 文字の行間 */
13	font-size: 26px;/* 文字の大きさ */
14	font-weight: 900;/* 文字の太さ */
15	text-align: center;/* 文字を中央に配置 */
16	color: #63e02d;
17}
18/*確認画面項目の下の下線のデザイン*/
19.row  {
20	border-bottom: 1.5px solid gray;/*下線の太さ、色*/
21	width: 470px;/*下線の横の長さ*/
22	margin-left: auto; /* 下線を中央寄せにするため */
23	margin-right: auto; /* 下線を中央寄せにするため */
24	margin-top: 33px;/* 文字の行間に対してを下線を上に挙げて文字と下線近いずける*/
25}
26