Update style.css

style.css

@@ -25,25 +25,24 @@ input, textarea {
     margin-top: 5px;
     padding: 8px;
     font-size: 16px;
-    color: #001f3f; 
-    background-color: #fff; 
-    border-radius: 5px; 
+    color: #001f3f; /* 入力欄の文字色を設定 */
+    background-color: #fff; /* 背景色を白に設定 */
+    border-radius: 5px; /* 入力欄の角を丸くする */
 }
 
 button {
     cursor: pointer;
     background-color: #4CAF50;
     color: white;
-    border: none;
-    padding: 10px 20px;  
-    border-radius: 12px;  
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  
-    transition: all 0.3s ease; 
+    border: 2px solid white;  /* 白い枠線を追加 */
+    padding: 10px 20px;  /* 横幅に余裕を持たせる */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  /* 影を追加 */
+    transition: all 0.3s ease; /* スムーズなホバートランジション */
 }
 
 button:hover {
     background-color: #45a049;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);  
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);  /* ホバー時に強くなる影 */
 }
 
 body, h1, p, label, a, button {