diff --git a/public/style.css b/public/style.css
index b98192b..eb3e259 100755
--- a/public/style.css
+++ b/public/style.css
@@ -1,35 +1,23 @@
-a {
-  color: #f3bbae;
-  transition: all 0.3s;
+:root {
+  --size: calc(100vmin / 1.618033988749895);
+  --primary-text-size: 12px;
 }
 
-p {
+html,
+body {
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+}
+
+body {
   margin: 0;
-  font-size: var(--primary-text-size);
-}
-
-a {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-::-webkit-scrollbar {
-  height: 3px;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #f3bbae;
-}
-
-::-webkit-scrollbar-track {
   background: #241917;
+  color: #f3bbae;
+  font-family: Monaco, monospace !important;
 }
 
-.alt-bullet {
-  padding-left: 1rem !important;
-}
-
+body,
 .braille {
   display: flex;
   align-items: center;
@@ -45,27 +33,29 @@ a {
   font: 12px/12px "Iosevka Web", monospace;
 }
 
+.braille>* {
+  white-space: pre;
+}
+
 .braille .hidden {
   position: fixed;
   bottom: 100%;
   right: 100%;
 }
 
-.braille>* {
-  white-space: pre;
+.globe-txt {
+  display: flex;
+  position: fixed;
+  right: 0;
 }
 
-.bullet-text {
-  font-size: var(--primary-text-size);
-  text-align: left;
-  z-index: 2;
-  position: relative;
-}
-
-.bullet::before {
-  content: "-";
-  display: inline-block;
-  width: 1em;
+@media only screen and (max-width: 625px) {
+  .globe-txt {
+    position: fixed;
+    right: 50%;
+    top: 50%;
+    transform: translate(50%, -50%);
+  }
 }
 
 .center-text {
@@ -82,87 +72,29 @@ a {
   left: 15%;
 }
 
-.code {
-  word-wrap: break-word;
-  display: block;
-  font-size: var(--primary-text-size);
-  background-color: #241917;
-  color: #fff !important;
-  border: 4px solid #f3bbae92;
-  padding: 5px;
+@media only screen and (max-width: 625px) {
+  .center-text {
+    left: 15px;
+    right: 15px;
+    margin-left: 0;
+    margin-top: 0;
+    max-width: 100vw;
+  }
 }
 
-.dashboard {
-  display: flex;
-  flex-direction: row;
+::-webkit-scrollbar {
+  height: 3px;
 }
 
-.globe-txt {
-  display: flex;
-  position: fixed;
-  right: 0;
-}
-
-ul {
-  list-style-type: none;
-}
-
-ul.custom-bullet {
-  list-style-type: none;
-}
-
-ul.custom-bullet li {
-  position: relative;
-}
-
-ul.custom-bullet li::before {
-  content: "-";
-  position: absolute;
-  left: -15px;
-}
-
-.links {
-  padding-left: 0;
-}
-
-.links a {
-  text-decoration-skip: spaces;
-}
-
-body {
-  width: 100%;
-  height: 100vh;
-  overflow: hidden;
-}
-
-body {
-  margin: 0;
+::-webkit-scrollbar-track {
   background: #241917;
-  color: #f3bbae;
-  font-family: Monaco, monospace !important;
 }
 
-:root {
-  --size: calc(100vmin / 1.618033988749895);
-  --primary-text-size: 12px;
-}
-
-.tab-content {
-  display: none;
-  padding: 1rem;
-}
-
-.tab-content a[href]:hover {
-  color: #ffffff;
-}
-
-.tab-icon {
-  width: var(--primary-text-size);
-  color: #f3bbae;
-  fill: #f3bbae;
-  padding-left: 0.25rem;
+::-webkit-scrollbar-thumb {
+  background: #f3bbae;
 }
 
+.tab,
 .tab-link {
   cursor: pointer;
   border-width: 0 4px 4px 0;
@@ -183,10 +115,36 @@ body {
   width: 12px;
 }
 
-.tab:hover label {
-  background-color: #f3bbae92;
-  color: #241917;
-  font-weight: 700;
+a {
+  color: #f3bbae;
+  transition: all 0.3s;
+}
+
+p {
+  margin: 0;
+  font-size: var(--primary-text-size);
+}
+
+.tabbed {
+  overflow-x: hidden;
+}
+
+.tabbed [type="radio"] {
+  display: none;
+}
+
+ul.custom-bullet {
+  list-style-type: none;
+}
+
+ul.custom-bullet li {
+  position: relative;
+}
+
+ul.custom-bullet li::before {
+  content: "-";
+  position: absolute;
+  left: -15px;
 }
 
 .tab>label {
@@ -198,24 +156,65 @@ body {
   transition: all 0.3s;
 }
 
-.tabbed {
-  overflow-x: hidden;
+.tab:hover label {
+  background-color: #f3bbae92;
+  color: #241917;
+  font-weight: 700;
 }
 
-.tabbed [type="radio"] {
+.tab-content {
   display: none;
+  padding: 1rem;
 }
 
-.tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4) {
-  display: block;
-}
-
+.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
+.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label,
+.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label,
+.tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label,
 .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label {
   background-color: #f3bbae92;
   color: #241917;
   font-weight: 700;
 }
 
+.tabbed [type="radio"]:nth-of-type(1):checked~.tab-content:nth-of-type(1),
+.tabbed [type="radio"]:nth-of-type(2):checked~.tab-content:nth-of-type(2),
+.tabbed [type="radio"]:nth-of-type(3):checked~.tab-content:nth-of-type(3),
+.tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4) {
+  display: block;
+}
+
+.code {
+  word-wrap: break-word;
+  display: block;
+  font-size: var(--primary-text-size);
+  background-color: #241917;
+  color: #fff !important;
+  border: 4px solid #f3bbae92;
+  padding: 5px;
+}
+
+.bullet-text {
+  font-size: var(--primary-text-size);
+  text-align: left;
+  z-index: 2;
+  position: relative;
+}
+
+.tab-content a[href]:hover {
+  color: #ffffff;
+}
+
+.visible {
+  z-index: 0;
+  position: absolute;
+  right: 0;
+}
+
+ul {
+  list-style-type: none;
+}
+
 .tabs {
   display: flex;
   align-items: stretch;
@@ -224,6 +223,30 @@ body {
   padding: 0;
 }
 
+.bullet::before {
+  content: "-";
+  display: inline-block;
+  width: 1em;
+}
+
+.alt-bullet {
+  padding-left: 1rem !important;
+}
+
+.links {
+  padding-left: 0;
+}
+
+.links a {
+  text-decoration-skip: spaces;
+}
+
+.dashboard {
+  display: flex;
+  flex-direction: row;
+}
+
+.icon,
 .text-icon {
   fill: #f3bbae;
   width: 12px;
@@ -233,27 +256,15 @@ body {
   padding-left: 0.5rem;
 }
 
-.visible {
-  z-index: 0;
-  position: absolute;
-  right: 0;
+.tab-icon {
+  width: var(--primary-text-size);
+  color: #f3bbae;
+  fill: #f3bbae;
+  padding-left: 0.25rem;
 }
 
-@media only screen and (max-width: 625px) {
-  .globe-txt {
-    position: fixed;
-    right: 50%;
-    top: 50%;
-    transform: translate(50%, -50%);
-  }
-}
-
-@media only screen and (max-width: 625px) {
-  .center-text {
-    left: 15px;
-    right: 15px;
-    margin-left: 0;
-    margin-top: 0;
-    max-width: 100vw;
-  }
-}
+a {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
\ No newline at end of file