From c908263d1a55a84e72d5ea6ccd9c11ddcb14bdbe Mon Sep 17 00:00:00 2001
From: Tetiana Mohorian <tetiana.mohorian@student.tuke.sk>
Date: Mon, 28 Apr 2025 23:04:45 +0000
Subject: [PATCH] Aktualizovat sk1/frontend/src/App.css

---
 sk1/frontend/src/App.css | 70 +++++++++++++++++++++++++++++++++++-----
 1 file changed, 62 insertions(+), 8 deletions(-)

diff --git a/sk1/frontend/src/App.css b/sk1/frontend/src/App.css
index 3419dc7..053b62e 100644
--- a/sk1/frontend/src/App.css
+++ b/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;
   }