Update style.css

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 */
+  -webkit-animation: fadeIn 2s ease-in-out; 
-  -moz-animation: fadeIn 2s ease-in-out; /* Для совместимости с Firefox */
+  -moz-animation: fadeIn 2s ease-in-out; 
-  -o-animation: fadeIn 2s ease-in-out; /* Для совместимости с Opera */
+  -o-animation: fadeIn 2s ease-in-out; 
-  animation-fill-mode: forwards; /* Сохраняет конечное состояние анимации */
+  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;
 }