diff --git a/css/style.css b/css/style.css deleted file mode 100644 index b0c70e7..0000000 --- a/css/style.css +++ /dev/null @@ -1,22 +0,0 @@ -body { - font-family: Arial, sans-serif; - margin: 40px; - background: #f9f9f9; - color: #333; -} -header, footer { - text-align: center; - margin-bottom: 20px; -} -a { - color: #007bff; - text-decoration: none; -} -a:hover { - text-decoration: underline; -} -form input, form textarea { - width: 100%; - padding: 8px; - margin-top: 5px; -} diff --git a/src/css/style.css b/src/css/style.css new file mode 100644 index 0000000..47db06a --- /dev/null +++ b/src/css/style.css @@ -0,0 +1,72 @@ +body { + font-family: 'Arial', sans-serif; + margin: 40px; + background: #f4f6f8; + color: #333; + line-height: 1.6; +} + +header, footer { + text-align: center; + margin-bottom: 20px; + color: #555; +} + +a { + color: #007bff; + text-decoration: none; + transition: color 0.3s, text-decoration 0.3s; +} + +a:hover { + color: #0056b3; + text-decoration: underline; +} + +form input, form textarea { + width: 100%; + padding: 12px; + margin-top: 8px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 6px; + box-sizing: border-box; + font-size: 1rem; + transition: border-color 0.3s, box-shadow 0.3s; +} + +form input:focus, form textarea:focus { + border-color: #007bff; + box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); + outline: none; +} + +form textarea { + min-height: 120px; + resize: vertical; +} + +form button { + background-color: #007bff; + color: #fff; + padding: 12px 20px; + border: none; + border-radius: 6px; + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s, transform 0.2s; +} + +form button:hover { + background-color: #0056b3; + transform: translateY(-2px); +} + +.container { + max-width: 800px; + margin: 0 auto; + padding: 20px; + background: #fff; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0,0,0,0.05); +} diff --git a/src/index.php b/src/index.php index 519f240..a4b5233 100644 --- a/src/index.php +++ b/src/index.php @@ -1,4 +1,4 @@ -#