Finalize frontend of session management

public/src/assets/style.css

@@ -21,6 +21,27 @@ button {
   font-size: 18px;
 }
 
+input {
+  outline: none;
+  font-family: "WDXL Lubrifont JP N", sans-serif;
+  font-size: 18px;
+  background-color: white;
+  color: #1b262c;
+  border: none;
+}
+
+.link {
+  color: #90bdd9;
+  text-decoration: none;
+  cursor: pointer;
+  font-family: "WDXL Lubrifont JP N", sans-serif;
+}
+
+.link:hover {
+  color: #adcee3;
+  text-decoration: underline;
+}
+
 .logo {
   height: 50px;
   position: relative;
@@ -72,9 +93,10 @@ button {
 
 .info {
   margin-bottom: 10px;
-  color: red;
+  color: white;
   font-weight: bold;
   opacity: none;
+  font-family: "WDXL Lubrifont JP N", sans-serif;
 }
 
 .info:empty::before {
@@ -132,6 +154,21 @@ button {
   margin-right: 20px;
 }
 
+.account-button {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: #90bdd9;
+  font-size: 23px;
+  margin-right: 10px;
+  font-family: "WDXL Lubrifont JP N", sans-serif;
+}
+
+.account-button:hover {
+  color: #adcee3;
+  text-decoration: underline;
+}
+
 .pixelart {
   image-rendering: pixelated;
   image-rendering: crisp-edges;