Update style.css

style.css

@@ -1,10 +1,13 @@
-body{
+body {
-    height: 100%;
+  background-repeat: no-repeat;
-    margin: 0;
+  background-attachment: fixed; /* Это делает фон фиксированным */
-    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  background-size: cover; /* Это масштабирует изображение для заполнения всего экрана */
-    background-color: #F2F2F2;
+ background-color: #EEEEEE;
+}
+
+
+
 
-  }
 html {
     height: 100%;
     margin: 0;
@@ -74,8 +77,8 @@ html {
 }
 
 .center {
-    margin-left: 25%;
+    margin-left: 10%;
-    margin-right: 25%;
+    margin-right: 10%;
 
 }
 
@@ -113,3 +116,20 @@ footer {
   color: #066163;
 }
 
+@keyframes fadeIn {
+  from {
+      opacity: 0;
+  }
+  to {
+      opacity: 1;
+  }
+}
+
+/* Применение анимации ко всем изображениям */
+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; /* Сохраняет конечное состояние анимации */
+}