Обновить static/css/custom.css

static/css/custom.css

@@ -1,10 +1,5 @@
-/* body {
-    background-image: url('/static/images/bg-phys.svg');
-    background-repeat: repeat;
-    background-size: 800px 600px;
-    background-attachment: fixed;
-}*/
 
+/* background*/
 body {
     margin: 0;
     padding: 0;
@@ -12,7 +7,6 @@ body {
     position: relative;
     min-height: 100vh;
 }
-
 body::before {
     content: '';
     position: fixed;
@@ -25,9 +19,32 @@ body::before {
     background-size: 50px 50px;
     transform: rotate(20deg);
 }
+/* ------------------------------------------------------------------ */
+/* Плавное появление элементов */
+header, main, footer {
+    animation: fadeIn 0.6s ease-out;
+}
 
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(20px); }
+    to { opacity: 1; transform: translateY(0); }
+}
 
+/* Плавные переходы для ссылок и кнопок */
+a, .pdf-link, nav a {
+    transition: all 0.3s ease;
+}
 
+/* Эффект при наведении на карточки сотрудников */
+.person {
+    transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.person:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 4px 12px rgba(0, 51, 102, 0.15);
+}
+/* ------------------------------------------------------------------ */
 
 /* Ограничение максимального размера всех изображений */
 main img {