adding the news, man

ui/static/style.css

@@ -22,9 +22,9 @@ body {
     min-height: 100%;
 }
 
-header {
+/* header {
 
-}
+} */
 
 nav {
     padding-left: 8px;
@@ -50,7 +50,7 @@ nav {
     }
 }
 
-.loginbutton {
+.alfheimbutton {
     align-self: center;
     display: flex;
     border: 12px solid;
@@ -90,9 +90,10 @@ p {
     border-radius: 15px;
     padding: 30px 40px;
     font-size: 1.5rem;
+    margin: 10px;
 }
 
-.wrapper {
+/* .wrapper {
     display: inline-block;
     background: transparent;
     border: 2px solid white;
@@ -102,6 +103,27 @@ p {
     padding: 30px 40px;
     width: 80%;
     text-align: center;
+    margin: 10px;
+} */
+
+.wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
+    background: transparent;
+    border: 2px solid white;
+    backdrop-filter: blur(20px);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+    border-radius: 15px;
+    padding: 30px 40px;
+    width: 80%;
+    text-align: center;
+    margin: 10px;
+}
+
+.wrapper form {
+    width: 100%; /* make each form stretch full width */
 }
 
 .wrapper h1 {