From dd6db66f89597b9773372b1cda6052529dbcbd3c Mon Sep 17 00:00:00 2001
From: NEKODESUDX <piyo111111112@gmail.com>
Date: Tue, 12 Nov 2024 08:24:59 +0900
Subject: [PATCH] Update style.css

---
 style.css | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/style.css b/style.css
index 8ee184a..2d2f9ff 100644
--- a/style.css
+++ b/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 {