Pre-pull

style.css

@@ -8,6 +8,11 @@
     src: url("/Assets/Fonts/C64-Rounded.ttf") format("truetype");
 }
 
+@font-face {
+    font-family: Space;
+    src: url("/Assets/Fonts/SpaceGrotesk.ttf") format("truetype");
+}
+
 body {
     background-color: black;
     background-image: url("/Assets/wallpaper4k.png");
@@ -53,7 +58,8 @@ span {
 .button {
     margin: 8px;
 }
-.button > button {
+
+.button>button {
     background-color: #377326;
     color: #79F257;
     border: 1px solid #5AA637;
@@ -68,7 +74,7 @@ span {
     color: #377326;
 }
 
-.copyright > a {
+.copyright>a {
     color: #377326;
     text-decoration: none;
 }
@@ -85,7 +91,9 @@ span {
     display: none;
 }
 
-.swal2-confirm, .swal2-deny, .swal2-cancel {
+.swal2-confirm,
+.swal2-deny,
+.swal2-cancel {
     border: 1px solid #79F257;
     background-color: #377326;
     color: #79F257;
@@ -98,6 +106,10 @@ span {
     background-color: #022601;
 }
 
+.swal2-html-container {
+    overflow: hidden !important;
+}
+
 .footerbutton {
     background: none;
     border: none;
@@ -107,9 +119,11 @@ span {
 td {
     border: 1px solid #3a4c35;
 }
+
 td:first-child {
     border-left: 2px solid #3a4c35;
 }
+
 .fingerprintTable {
     width: 100%;
     border-collapse: collapse;
@@ -132,3 +146,68 @@ td:first-child {
 .emoji {
     height: 2em;
 }
+
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    height: 34px;
+}
+
+.switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+.slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #3a4c35;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 26px;
+    width: 26px;
+    left: 4px;
+    bottom: 4px;
+    background-color: #79F257;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+
+input:checked+.slider {
+    background-color: #377326;
+}
+
+input:focus+.slider {
+    box-shadow: 0 0 1px #377326;
+}
+
+input:checked+.slider:before {
+    -webkit-transform: translateX(26px);
+    -ms-transform: translateX(26px);
+    transform: translateX(26px);
+}
+
+.slider.round {
+    border-radius: 34px;
+}
+
+.slider.round:before {
+    border-radius: 50%;
+}
+
+.name {
+    font-family: Space, Courier, monospace;
+    white-space: nowrap;
+    font-size: 2vw;
+}