diff --git a/main.css b/main.css
index 7ceec6e..465c306 100644
--- a/main.css
+++ b/main.css
@@ -1,22 +1,8 @@
-@font-face {
-    font-family: UbuntuMono;
-    src: url(./fonts/UbuntuMono-Bold.ttf);
-    font-weight: bold;
-    /*color: rgb(251, 255, 0);
-    */
-}
-
-@font-face {
-    font-family: EncodeSansCondensed;
-    src: url(./fonts/EncodeSansCondensed-Bold.ttf);
-    font-weight: bold;
-}
-
 body {
     margin: 0;
     height: 100vh;
     background-color: rgb(27, 26, 26);
-    font-family: UbuntuMono, monospace;
+    font-family: sans-serif, monospace;
     display: flex;
     flex-direction: column;
 }
@@ -33,9 +19,10 @@ body {
 }
 
 .click-ele {
-    margin: 0;
     color: red;
     font-weight: bold;
+    margin-top: 3px;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }
 
 main {
@@ -43,9 +30,7 @@ main {
     grid-template-columns: repeat(18, 1fr);
     grid-template-rows: repeat(7, 1fr) 0.4fr repeat(3, 1fr);
     grid-gap: 5px;
-    /*padding: 5% 2.5% 30px 2.5%;*/
     margin: auto;
-    margin-top: 0px;
 }
 
 footer {
@@ -58,7 +43,6 @@ footer {
 footer p {
     margin-bottom: 20px;
     color: white;
-    /*opacity: .6;*/
     font-size: 80%;
 }
 
@@ -89,7 +73,6 @@ footer p a {
 
 .element .left-info .mass {
     font-size: 55%;
-    /*opacity: .6;*/
     overflow: hidden;
     text-overflow: ellipsis;
     width: calc(inherit - 12px);
@@ -97,19 +80,17 @@ footer p a {
 
 .element .left-info .number {
     font-size: 70%;
-    /*opacity: .6;*/
 }
 
 .element .left-info .symbol {
     font-size: 130%;
-    font-family: EncodeSansCondensed, sans-serif;
+    font-family: sans-serif;
     font-weight: bold;
     margin-top: -2px;
 }
 
 .element .left-info .name {
     font-size: 55%;
-    /*opacity: .6;*/
     overflow: hidden;
     text-overflow: ellipsis;
     width: calc(inherit - 12px);
@@ -118,7 +99,6 @@ footer p a {
 
 .element .right-info {
     font-size: 50%;
-    /*opacity: .6;*/
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -155,7 +135,6 @@ footer p a {
 
 .filter-container .preview .left-info .mass {
     font-size: 80%;
-    /*opacity: .8;*/
     overflow: hidden;
     text-overflow: ellipsis;
     width: calc(inherit - 12px);
@@ -163,19 +142,17 @@ footer p a {
 
 .filter-container .preview .left-info .number {
     font-size: 100%;
-    /*opacity: .8;*/
 }
 
 .filter-container .preview .left-info .symbol {
     font-size: 420%;
-    font-family: EncodeSansCondensed, sans-serif;
+    font-family: sans-serif;
     font-weight: bold;
     margin-top: -10px;
 }
 
 .filter-container .preview .left-info .name {
     font-size: 90%;
-    /*opacity: .8;*/
     overflow: hidden;
     text-overflow: ellipsis;
     width: calc(inherit - 12px);
@@ -183,7 +160,6 @@ footer p a {
 }
 
 .filter-container .preview .right-info {
-    /*opacity: .8;*/
     font-size: 90%;
     display: flex;
     flex-direction: column;
@@ -204,7 +180,6 @@ footer p a {
 }
 
 .modal-container {
-    /*background-color: transparent;*/
     position: absolute;
     display: none;
     min-height: 100vh;
@@ -254,7 +229,7 @@ footer p a {
 
 .modal-container .modal article .notation .symbol {
     font-size: 500%;
-    font-family: EncodeSansCondensed, sans-serif;
+    font-family: sans-serif;
     font-weight: bold;
     align-self: center;
     margin: 0 6px;
@@ -274,7 +249,7 @@ footer p a {
 
 .modal-container .modal article .name {
     font-size: 340%;
-    font-family: EncodeSansCondensed, sans-serif;
+    font-family: sans-serif;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
@@ -296,7 +271,7 @@ footer p a {
 
 .modal-container .modal article .more-info .title {
     font-size: 100%;
-    font-family: EncodeSansCondensed, sans-serif;
+    font-family: sans-serif;
     font-weight: bold;
     text-transform: uppercase;
-}
\ No newline at end of file
+}