CSS clean up

1 files changed, 30 insertions, 25 deletions

diff --git a/src/css/akn.css b/src/css/akn.css
index 68957a3..6106c2a 100644
--- a/src/css/akn.css
+++ b/src/css/akn.css
@@ -1,17 +1,18 @@
 * {
     animation: fadeIn 0.2s;
 }
+
 @keyframes fadeIn {
     0% { opacity: 0; }
     100% { opacity: 1; }
 }
 
-
 @font-face {
     font-family: 'Hack Nerd Font';
     src: url('../fonts/Hack.woff2') format('woff');
     font-weight: normal;
 }
+
 body {
     word-break: break-all;
     padding: 1%;
@@ -22,7 +23,6 @@ body {
     display: block;
     margin: auto;
     padding: 5px;
-    /* 	color: #e6d5d5; */
     position: relative;
     top: 0;
     bottom: 0;
@@ -50,21 +50,22 @@ a:hover{
 .header {
     text-align: center;
 }
+
 .header h1 {
     display: block;
 }
+
 @media (max-width: 540px) {
     .header h1 {
         display: none;
     }
 }
+
 .feature-img {
     text-align: center;
     width: 100%;
-    /*! height: 35vh; */
 }
 
-
 .inv img {
     width: 64px;
     height: 64px;
@@ -80,13 +81,12 @@ a:hover{
 .footer {
     text-align: center;
 }
+
 .inv {display:block;text-align:center;}
 
 pre {overflow:auto;}
 
 .whole{
-    /*! background-color: #3a3a3a; 
-    display: grid;*/
 }
 
 #gotop-link{
@@ -95,14 +95,6 @@ pre {overflow:auto;}
 }
 
 .container {
-    /*background-color: #3a3a3a;
-    max-width: 60vw;
-    margin: auto;
-    padding: 2%;
-    display: grid;
-    border-radius: 6px;
-    width: 40vw;
-    overflow: auto; */
 }
 
 h1 {
@@ -119,8 +111,6 @@ div {
 }
 
 #contact {
-    /* 	background-color: #443644; */
-    /*! border-radius: 0; */
     border-style: dashed;
     border-width: 3px;
     border-color: #276a4b;
@@ -154,27 +144,33 @@ textarea {
     border-radius: 5px;
     height: 100px;
 }
+
 .row .large-12 .small-12 {
     width: 100%;
     display: inline-grid;
 }
+
 .large-6 .small-6 {
     width: 50%;
     display: inline-flex;
 }
+
 .success {
     background-color: green;
     color: white;
 }
+
 .alert {
     background-color: red;
     color: black;
 }
+
 .button {
     border: 0px;
     padding: 7px;
     color: white;
 }
+
 button {
     color: rgb(51, 200, 234);
     text-decoration: none;
@@ -190,6 +186,7 @@ button:hover {
 }
 
 pre { white-space: pre-wrap; }
+
 #stellar-freigher-connect-address {
     position: fixed;
     top: 0;
@@ -198,6 +195,7 @@ pre { white-space: pre-wrap; }
     padding: 0.5vh 1vw;
     font-size: 0.9rem;
 }
+
 .stellar-address {
     border: #1c241c 2px solid;
     color: #ff1e1e;
@@ -205,22 +203,27 @@ pre { white-space: pre-wrap; }
     width: fit-content;
     margin: 0;
 }
+
 #progress {
     word-wrap: break-word;
 }
+
 select {
     border: 1px solid;
     background-color: #1a1a1a;
     color: #7ef07e;
 }
+
 article {
     border: 2px solid #672178;
     padding: 24px;
 }
+
 .topbar audio {
     width: 25%;
     padding: 2%;
 }
+
 .topbar {
     position: fixed;
     top: 0;
@@ -238,7 +241,6 @@ article {
 }
 
 .main{
-    /* position: absolute; */
     position: fixed;
     top: 80px;
     background-color: #2a2a2a;
@@ -261,47 +263,56 @@ article {
     display: flex;
     flex-direction: column;
 }
+
 .header {
     display: flex;
     flex-direction: row;
     align-items: center;
 }
+
 .header img {
     max-width: 80px;
     width: 32px;
     width: -moz-available;
     width: -webkit-fill-available;
 }
+
 h1 {
     margin: 0px;
 }
+
 #menu {
     padding: 2px;
     overflow-y: auto;
     display: flex;
     color:rgb(51, 200, 234);
 }
+
 #menu button, #modules-submenu-link, .menu-clickable {
     cursor: pointer;
     display: flex;
     background: #1c241c;
     border: 1px solid #17392e;
-    /* padding: 1px; */
     padding: 10px;
     margin: 1px;
 }
+
 #menu button:hover, #modules-submenu-link:hover, .menu-clickable:hover  {
     background: #008033;
 }
+
 #mobile-menu {
     display: none;
 }
+
 .dropdown {
     flex-direction: row;
 }
+
 #explore-submenu {
     display: none;
 }
+
 #modules-submenu {
     display: none;
 }
@@ -338,16 +349,12 @@ h1 {
     }
     #double-floor {
         position: fixed;
-        /*display: none;*/
         top: 0px;
         z-index: 0;
         align-items: center;
         background-color: #1a1a1a8a;
         height: 100%;
-        /* overflow-y: auto; */
         width: 100%;
-        /* max-width: -webkit-fill-available; */
-       /* max-height: 203px; */
     }
     #mobile-menu {
         display: flex;
@@ -358,6 +365,7 @@ div {
     padding: 0;
     margin: 0;
 }
+
 .hsm {
     z-index: 999;
     position: fixed;
@@ -405,8 +413,6 @@ details {
 }
 #settings-section button {}
 
-
-/* FOOTER */
 footer {
     position: absolute;
     right: 0;
@@ -423,7 +429,6 @@ footer {
     justify-content: center;
     align-items: center;
     gap: 10px;
-    /* min-height: 14vh; */
     flex-direction: row;
     bottom: 0;
     background: #1c241c;