From 60e4c5d4e6c1b2773f8f479acfe04feff254d7a9 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Thu, 9 Mar 2023 19:40:24 +0100
Subject: [PATCH] fix styling for mobile devices

---
 website/css/style.css | 6 ++----
 website/index.html    | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/website/css/style.css b/website/css/style.css
index 5727ae8..e7a8c4f 100644
--- a/website/css/style.css
+++ b/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 {
diff --git a/website/index.html b/website/index.html
index 8619fd8..edde1ae 100644
--- a/website/index.html
+++ b/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">