fix styling for mobile devices

website/css/style.css

@@ -36,6 +36,7 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: center;
     width: 100%;
     height: 120vh;
     margin-top: -0.5vh;
@@ -48,15 +49,12 @@ body {
 }
 
 .title-content {
-    position: relative;
     color: white;
-    top: 20vh;
 }
 
 .title-buttons {
-    position: relative;
+    margin-top: 10%;
     font-size: 1.3rem;
-    top: 30vh;
 }
 
 .heading {

website/index.html

@@ -73,7 +73,7 @@
                     </div>
                     <div class="sidebyside-element">
                         <h3>Familiar.</h3>
-                        <p>impress.js presentations can be written in HTML with only a few simple to understand element attributes. Highly detailed Documentation helps you in getting started!</p>
+                        <p>impress.js presentations can be written in HTML with only a few simple to understand element attributes. Highly detailed Documentation helps you getting started!</p>
                     </div>
                 </div>
                 <div class="sidebyside">