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 {