update css

Script_Speech_recognition/style.css

@@ -38,7 +38,7 @@ textarea:focus {
     outline: none;
 }
 
-#startBtn {
+#startBtn, #translateLettersBtn, #translateWordsBtn {
     display: block;
     margin: 20px auto;
     padding: 10px 20px;
@@ -118,3 +118,59 @@ textarea.dark-mode:focus {
 #themeToggleBtn:hover {
     color: #f4b400; /* Add a hover color effect */
 }
+
+
+/*VIDEOPREHRAVAC*/
+.video {
+    position: relative;
+    width: 45%; 
+    height: 200px; 
+    max-height: 300px;
+    margin: 0 10px;
+    padding: 10px;
+    background-color: #fff;
+    border: 2px solid #ccc;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.video video {
+    width: 100%; 
+    height: 100%;
+    border-radius: 4px;
+    background-color: #fff;
+    border: none;
+}
+
+#prevBtn, #nextBtn {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 24px;
+    background-color: #4285f4;
+    color: white;
+    border: none;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+
+#prevBtn {
+    margin-left: 80px; 
+}
+
+
+#nextBtn {
+    margin-right: 80px; 
+}
+
+#prevBtn:hover, #nextBtn:hover {
+    background-color: #357ae8;
+}