diff --git a/styles/styles.css b/styles/styles.css
index 841b5b9..f4bb930 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -19,3 +19,25 @@ body {
     cursor: pointer;
     text-decoration: underline;
 }
+
+.login-wrapper {
+    position: relative;
+    left: 50vw;
+    width: 400px;
+    border: 1px solid lightgrey;
+    border-radius: 5px;
+    background-color: #fff;
+    box-shadow: 8px 8px 8px lightgrey;
+    padding: 15px 10px;
+}
+
+.username {
+    position: relative;
+    display: flex;
+    margin-left: auto;
+    margin-right: auto;
+    width: 90%;
+    border: 1px solid lightgrey;
+    border-radius: 5px;
+    padding: 15px;
+}