Basic contact page

src/static/style/desktop.css

@@ -54,4 +54,9 @@
         width: fit-content;
         padding-right: 20px;
     }
+
+    #logo-container{
+        position: absolute;
+        height: 25vh;
+    }
 }

src/static/style/mobile.css

@@ -30,6 +30,7 @@ footer{
     width: 100%;
     justify-content: center;
     display: flex;
+    align-items: center;
 }
 
 #logo{
@@ -167,4 +168,39 @@ a{
 
 .article-category:hover{
     text-decoration: underline;
+}
+
+#contact-main{
+    padding: 20px 10px 0 10px;
+    min-height: 65vh;
+}
+
+#contact-main>h2 {
+    margin-top: 0;
+}
+
+input, textarea{
+    display: block;
+    padding: 10px;
+    margin-bottom: 20px;
+    background-color: #4c4c4c;
+    border-radius: 10px;
+    border:none;
+    color: white;
+    width: 100%;
+}
+
+label{
+    line-height: 2rem;
+}
+
+.cf-turnstile{
+    width: fit-content;
+    padding: 10px 0 10px 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#contact-error{
+    color: red;
 }