diff --git a/static/root/index.html b/static/root/index.html
index beff84f..b063451 100644
--- a/static/root/index.html
+++ b/static/root/index.html
@@ -16,6 +16,7 @@
       }
 
       .ferrisuwu {
+        display: none;
         z-index: 1;
         position: absolute;
         right: -100px;
@@ -23,6 +24,7 @@
       }
 
       .ferrisuwu-animate {
+        display: block;
         animation-iteration-count: 1;
         animation-name: ferrisuwu-enter;
         animation-duration: 3s;
@@ -41,7 +43,7 @@
       }
     </style>
   </head>
-  <body>
+  <body class="overflow-hidden">
     <div class="main-content">
       <div class="main-content-inner">
         <h1>Nilstrieb's website</h1>
@@ -94,7 +96,7 @@
       </div>
     </div>
 
-    <div>
+    <div class="overflow-hidden">
       <img id="ferrisuwu" class="ferrisuwu" src="static/ferrisuwu.webp" />
     </div>
 
diff --git a/static/root/static/theme.css b/static/root/static/theme.css
index a39efcf..eacb6b0 100644
--- a/static/root/static/theme.css
+++ b/static/root/static/theme.css
@@ -2,7 +2,6 @@ body {
   font-family: Verdana, sans-serif;
   background-color: #e6dae9;
   color: #1b191c;
-  overflow-x: hidden;
 }
 
 .main-content {
@@ -24,7 +23,7 @@ body {
 }
 
 .call-to-action {
-  width: 400px;
+  width: 250px;
   height: 50px;
   background-color: #8c499d;
   display: flex;
@@ -34,6 +33,12 @@ body {
   text-decoration: none;
 }
 
+@media (min-width: 1000px) {
+  .call-to-action {
+    width: 400px;
+  }
+}
+
 .call-to-action:hover {
   background-color: #ac78b8;
 }
