Change main page

app/static/css/style.css

@@ -21,12 +21,15 @@ body {
 .pagehead-inner {
     position: inherit;
     margin: 0;
-    width: 27%;
-    height: 55vh;
-    top: 50%;
-    left: 50%;
-    margin-left: -12%;
-    margin-top: -27vh;
+    /* width: 27%; */
+    /* height: 55vh; */
+    /* top: 50%; */
+    /* left: 50%; */
+    /* margin-left: -12%; */
+    /* margin-top: -27vh; */
+    margin-left: 10%;
+    margin-right: 10%;
+    margin-top: 27vh;
     display: flex;
     align-items: center;
     justify-content: center;

app/static/css/teststyle.css

@@ -1,6 +1,7 @@
 
 body {
     margin: 0;
+    background-color: #111;
 }
 h1 {
     margin: 0;
@@ -15,26 +16,31 @@ h1 {
     margin: 0;
 }
 
-h1 {
+.intro {
+    width: 100%;
+    min-height: 100vh - 20px;
+    background-color: #111;
+    background-size: cover;
+    padding=bottom: 20px;
+}
+
+.intro > h1 {
+    margin: 20px;
     color: white;
     font-family: 'Overpass Mono', monospace;
     font-weight: 600;
     text-align: center;
     font-size: 28px;
 }
-.intro {
-    width: 100%;
-    background-color: #111;
-    background-size: cover;
-    padding=bottom: 20px;
-}
 
 .monotext {
     color: white;
     font-family: 'Overpass Mono', monospace;
     font-weight: 400;
-    margin: 20%;
-    font-size: 18px;
+    margin: 10%;
+    /* font-size: 18px; */
+    font-size: max(12px, 2vw);
+    /* font-size: 2vw; */
     margin-top: 0;
     margin-bottom: 0;
 }