better css for mobile

static/input.css

@@ -205,6 +205,7 @@ h1 span{color:var(--accent);}
   background:var(--surface);border:1px solid var(--border);
   border-radius:6px;padding:1.4rem 1.5rem;
   transition:border-color 0.2s,box-shadow 0.2s;
+  max-width: 95%;
 }
 .exp-card:hover{border-color:var(--border2);box-shadow:0 2px 12px rgba(0,0,0,0.06);}
 
@@ -217,6 +218,17 @@ h1 span{color:var(--accent);}
   border-color:var(--accent);
 }
 
+.exp-flex {
+  display: block;
+  gap: 1rem;
+}
+
+@media (min-width: 800px) {
+  .exp-flex {
+    display: flex;
+    align-items: center;
+  }
+}
 
 .exp-title{
     font-family: "IBM Plex Serif", serif;
@@ -370,6 +382,7 @@ footer{
   justify-content: center;
   gap: 1.5rem;
   padding: 1rem 0;
+  max-width: 90%;
 }
 
 .poster-item {