Account preview done

public/sass/_header.scss

@@ -50,6 +50,8 @@ header {
 
         }
     }
+
+    @import './control-panel/account-preview';
 }
 
 @media (max-width: 991.98px) {

public/sass/control-panel/_account-preview.scss

@@ -0,0 +1,67 @@
+.account-preview {
+
+    @include titleFont();
+
+    position: absolute;
+    
+    left: 88%;
+    top: 1vh;
+
+    padding: 2vh 0px;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    
+    .initials {
+
+        height: 8vh;
+        width: 8vh;
+
+        color: #fff;
+        background-color: rgb(81, 81, 255);
+        font-size: 3vh;
+
+        border-radius: 100%;
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        cursor: pointer;
+
+        user-select: none;
+
+        &.inclusive {
+
+            font-size: 11pt;
+        }
+    }
+
+    .full-name {
+        
+        height: 5vh;
+        width: 10vw;
+
+        margin-top: 0.5vh;
+        background-color: rgba(0, 0, 0, 0.658);
+        color: #fff;
+
+        display: flex;
+        justify-content: center;
+
+        opacity: 0%;
+
+        transition: 0.4s ease-in-out;
+        text-align: center;
+        
+        padding-bottom: 1vh;
+
+        &.show {
+
+            opacity: 100%;
+
+            transition: 0.4s ease-in-out;
+        }
+    }
+}

public/sass/control-panel/_action-form.scss

@@ -155,6 +155,11 @@
                 font-size: 2.4vw;
 
             }
+
+            input[type="text"] {
+                font-size: 12pt;
+
+            }
         }
     }
 }

public/sass/control-panel/_control-panel.scss

@@ -217,7 +217,7 @@
 
                 &.active {
                     transform: none;
-
+                    border-bottom: none
                 }
             }
         }