:3 love you

res/css/global.css

@@ -15,24 +15,69 @@ body {
 
 #topnav {
     width: 100%;
-    height: 10%;
+    height: 3.5rem;
     background: var(--bg-color-l);
     display: flex;
-
+    justify-content: space-between;
+    align-items: center;
 }
 
+#topnav_buttons {
+    margin-left: 0.5rem;
+}
+
+
 .topnav_button {
-    width: 12rem;
+    width: 10rem;
     padding: 0.6rem 2rem;
     margin: 3px 3px;
     background: var(--bg-color-ll);
     border: 2px solid var(--bg-color);
     border-radius: 10px;
     text-align: center;
-    font-size: 25px;
+    font-size: 18px;
 }
 
 
 .topnav_button:hover {
     background: var(--bg-color)
 }
+
+#topnav_profile {
+    margin-right: 0.5rem;
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 3rem;
+    float: right;
+    padding-top: 6rem;
+}
+
+#topnav_profile span {
+    font-size: 21px;
+}
+
+#topnav_profile img {
+    /*position: absolute;*/
+    width: 3rem;
+    height: 100%;
+    right: 0;
+    object-fit: fill;
+}
+
+#topnav_profile_dropdown {
+
+    margin-top: 6.5rem;
+    z-index: 1;
+    right: 0;
+    /* display: none; */
+    position: apsolute;
+    
+}
+
+.topnav_profile_button {
+    width: 6rem;
+    background: var(--bg-color-ll);
+    border: 2px solid var(--bg-color); 
+    border-radius: 10px;
+}