diff --git a/Script_Speech_recognition/style.css b/Script_Speech_recognition/style.css
index afbdd3e..64a1ae1 100644
--- a/Script_Speech_recognition/style.css
+++ b/Script_Speech_recognition/style.css
@@ -15,21 +15,26 @@ h1 {
 }
 
 .container {
+    width: 100%; /* Make the container full width of the page */
+    padding: 20px 0; /* Add some padding to the top and bottom */
+    box-sizing: border-box; /* Include padding in width calculations */
+}
+
+.inner-container {
+    max-width: 1200px; /* Limit the width of the inner content */
+    margin: 0 auto; /* Center the inner container */
     display: flex;
     justify-content: center; /* Center the elements horizontally */
     align-items: flex-start; /* Align items to the top */
-    padding: 20px;
-    gap: 40px; /* Maintain a comfortable space between elements */
+    gap: 20px; /* Maintain a comfortable space between elements */
     flex-wrap: wrap; /* Allow wrapping for responsive layouts */
-    max-width: 1200px; /* Set max-width to keep layout centered and compact */
-    margin: 0 auto; /* Center the container itself */
 }
 
 .textarea-container,
 .video {
     width: 45%;
-    max-width: 500px;
-    min-width: 300px; /* Minimum width for smaller screens */
+    max-width: 600px; /* Increase max-width to allow larger video container */
+    min-width: 350px; /* Minimum width for smaller screens */
 }
 
 .translation-buttons {