From 381250a5164e2e74df9fc5a2a87b49da078c3370 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mihae=C4=BCs=20Mejerovs?= Date: Wed, 22 May 2024 17:33:55 +0000 Subject: [PATCH] Update style.css --- style.css | 199 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 187 insertions(+), 12 deletions(-) diff --git a/style.css b/style.css index 4810591..fa32741 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,3 @@ -body { - background-repeat: no-repeat; - background-attachment: fixed; /* Это делает фон фиксированным */ - background-size: cover; /* Это масштабирует изображение для заполнения всего экрана */ - background-color: #EEEEEE; -} - @@ -125,11 +118,193 @@ footer { } } -/* Применение анимации ко всем изображениям */ + img { animation: fadeIn 2s ease-in-out; - -webkit-animation: fadeIn 2s ease-in-out; /* Для совместимости с Safari */ - -moz-animation: fadeIn 2s ease-in-out; /* Для совместимости с Firefox */ - -o-animation: fadeIn 2s ease-in-out; /* Для совместимости с Opera */ - animation-fill-mode: forwards; /* Сохраняет конечное состояние анимации */ + -webkit-animation: fadeIn 2s ease-in-out; + -moz-animation: fadeIn 2s ease-in-out; + -o-animation: fadeIn 2s ease-in-out; + animation-fill-mode: forwards; +} + + + + + + +body { + background-color: #ffffff; + color: #066163; +} + +.login-container { + margin-top: 100px; + padding-top: 50px; +} + + +.center-text { + padding-top: 50px; + text-align: center; + font-size: 180px; + margin-bottom: 30px; +} + +.download-button a{ + text-align: center; + margin-top: 50px; +} + +.download-button { + display: inline-block; + padding: 10px 20px; + background-color: #066163; + color: #ffffff; + text-decoration: none; + border-radius: 5px; + font-size: 24px; + transition: background-color 0.3s; + text-align: center; +} + +.contact{ + padding-top: 50px; + text-align: center; +} + +form { + max-width: 600px; + margin: auto; +} + +label { + font-weight: bold; + margin-top: 10px; + display: block; +} + +input[type="text"], +textarea { + width: 100%; + padding: 8px; + margin-top: 6px; + margin-bottom: 20px; + border-radius: 5px; + border: 1px solid #ccc; +} + +input[type="submit"] { + background-color: #ffc400; + color: #004577; + border: none; + padding: 10px 20px; + cursor: pointer; + border-radius: 5px; +} + +input[type="submit"]:hover { + background-color: #ffa000; +} + +.stats-table { + margin-top: 20px; + width: 100%; + border-collapse: collapse; + border: 2px solid rgb(0, 0, 0); +} + + +.back-btn { + background-color: #0060df; + color: #000; + border: none; + padding: 10px 20px; + margin-top: 20px; + cursor: pointer; + border-radius: 5px; +} + +.back-btn:hover { + background-color: #0053c0; +} + +.center-text { + text-align: center; + font-size: 40px; + margin-bottom: 30px; + +} + +header { + text-align: center; + margin-bottom: 30px; + padding-top: 50px; +} + +main { + margin-bottom: 40px; + padding: 20px; + max-width: 600px; + margin: 0 auto; + background-color: #066163; +} + +section { + margin-bottom: 30px; + color: #ffffff; + text-align: left; + margin: 0 auto; + max-width: 600px; + padding: 0 20px; +} + +ul { + list-style-position: inside; +} + + +footer a { + color: #1e1e1e; + text-decoration: none; +} + +footer a:hover { + text-decoration: underline; +} + + + + +.button { + background-color: #008CBA; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + border-radius: 4px; + transition-duration: 0.4s; + margin-top: 75px; +} + + +.button:hover { + background-color: #004266; + cursor: pointer; +} + + +.center-h { + display: flex; + justify-content: center; +} + + +.datatime { + color: rgb(0, 0, 0); + font-size: 16px; + font-weight: bold; + text-align: center; } \ No newline at end of file