mobile view fix

Author: jaschadub

index.html

@@ -60,7 +60,7 @@
 
         body {
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-            overflow: hidden;
+            overflow-x: hidden;
             cursor: pointer;
         }
 
@@ -97,6 +97,14 @@
             text-align: left;
             pointer-events: none;
         }
+        
+        @media (max-height: 700px) {
+            .content {
+                justify-content: flex-start;
+                padding-top: 3rem;
+                padding-bottom: 3rem;
+            }
+        }
 
         .content * {
             pointer-events: auto;
@@ -235,11 +243,73 @@
         @media (max-width: 768px) {
             .content {
                 padding: 1rem;
+                min-height: auto;
+                padding-top: 2rem;
+                padding-bottom: 4rem;
+            }
+            
+            h1 {
+                font-size: clamp(2.5rem, 10vw, 4rem);
+                margin-bottom: 1rem;
+            }
+            
+            .research-heading {
+                font-size: clamp(1.2rem, 5vw, 2rem);
+                margin-bottom: 1.5rem;
+            }
+            
+            .subtitle {
+                font-size: clamp(1rem, 4vw, 1.4rem);
+                margin-bottom: 1.5rem;
+            }
+            
+            .description {
+                font-size: clamp(0.9rem, 3.5vw, 1.1rem);
+                margin-bottom: 2rem;
             }
 
             .links {
                 flex-direction: column;
                 gap: 0.5rem;
+                align-items: flex-start;
+            }
+            
+            .links span,
+            .links a {
+                font-size: clamp(0.8rem, 3vw, 1rem);
+            }
+            
+            .contact {
+                font-size: clamp(0.8rem, 3vw, 1rem);
+            }
+            
+            .click-hint {
+                font-size: 0.8rem;
+                bottom: 1rem;
+            }
+        }
+        
+        @media (max-width: 480px) {
+            .content {
+                padding: 0.75rem;
+                padding-top: 1.5rem;
+                padding-bottom: 3rem;
+            }
+            
+            h1 {
+                font-size: clamp(2rem, 12vw, 3rem);
+            }
+            
+            .research-heading {
+                font-size: clamp(1rem, 6vw, 1.5rem);
+            }
+            
+            .subtitle {
+                font-size: clamp(0.9rem, 4.5vw, 1.2rem);
+            }
+            
+            .description {
+                font-size: clamp(0.8rem, 4vw, 1rem);
             }
         }
     </style>