Changed front to responsive

templates/home/index.html.twig

@@ -6,14 +6,19 @@
 <style>
     body {
         font-family: Arial, sans-serif;
-        background: linear-gradient(135deg, #00B8DE, #99CC33);
+        background: linear-gradient(135deg, #00B8DE, #99CC33) fixed;
         color: white;
         text-align: center;
         padding: 20px;
+        margin: 0;
+        height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
     .container {
+        width: 90%;
         max-width: 600px;
-        margin: auto;
         background: rgba(255, 255, 255, 0.2);
         padding: 20px;
         border-radius: 15px;
@@ -43,7 +48,7 @@
         font-weight: bold;
         transition: 0.3s;
         display: inline-block;
-        margin: 5px;
+        margin: 10px;
     }
     a:hover {
         background: #99CC33;