Aktualizovat sk1/frontend/src/App.css

sk1/frontend/src/App.css

@@ -5,6 +5,61 @@
   100% { background-position: 0% 50%; }
 }
 
+@keyframes pulseText {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.pulse {
+  animation: pulseText 1.5s infinite;
+}
+
+::-webkit-scrollbar       { width: 8px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb {
+  background-color: rgba(255,255,255,.3);
+  border-radius: 10px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(255,255,255,.5);
+}
+
+.button-historia
+{
+  margin-top: 7px;
+  margin-bottom: 7px;
+  align-items: center;
+}
+
+.button-historia:hover
+{
+  background-color: #1A1A1A99;
+}
+
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent; 
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.3); 
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(255, 255, 255, 0.5);
+}
 
 
 .app-container {
@@ -22,6 +77,7 @@
 }
 
 
+
 @keyframes rotateBackground {
   0% {
     background-position: 20% 20%;
@@ -82,7 +138,7 @@
 }
 
 .input-container {
-  /*border-top: 1px solid #333;*/
+
   padding: 20px 24px;
   background: rgba(26, 26, 26, 0.6); 
   backdrop-filter: blur(10px); 
@@ -152,7 +208,7 @@
   transform: translate(-50%, -50%);
   width: 60%;
   padding: 20px;
-  /*background: rgba(255, 255, 255, 0.07); */
+
   background: rgba(26, 26, 26, 0.6);
   backdrop-filter: blur(12px); 
   border-radius: 12px;
@@ -182,9 +238,6 @@
 }
 
 
-/*.reset-button {
-  display: none;
-}*/
 
 
 .footer-container {
@@ -261,6 +314,7 @@
   .info-container {
     width: 90%;
     padding: 10px;
+    margin-top: -20px;
   }
 
   .app-title {
@@ -269,12 +323,12 @@
   }
 
   .info-container p {
-    font-size: 1rem; /* Уменьшаем размер текста */
-    margin-bottom: 15px; /* Добавляем отступ под текстом */
+    font-size: 1rem; 
+    margin-bottom: 15px;
   }
 
   .input-container {
-/* Убеждаемся, что форма остается на своем месте */
+
     padding: 10px;
   }