diff --git a/src/static/css/buttons.css b/src/static/css/buttons.css
index d846f05..52959e1 100644
--- a/src/static/css/buttons.css
+++ b/src/static/css/buttons.css
@@ -476,7 +476,7 @@
     font-size: 1.116vw;
     border-radius: 0px !important;
     background-color: #1a1a1a;
-    border: .5px solid #ffffff;
+    border: 1px solid #ffffff;
     color: #fff;
     padding-top: 0.279vw;
     text-decoration: none;
@@ -489,18 +489,43 @@
   .languages:hover{
     background-color: #8000ff;
     box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+    border: 1px solid #ffffff;
   }
 
+  .languages:focus{
+    background-color: #1a1a1a !important;
+    outline: none !important;
+    box-shadow: none !important;
+    border: 1px solid #ffffff;
+  }
+
+  #language-selector{
+    background-color: #1a1a1a;
+    width: 25vw;
+    border-radius: 0px;
+    border: 1px solid #949494;
+  }
+
+  #language-selector a{
+    color: #fff !important;
+  }
+
+  #language-selector a:hover{
+    color: #1a1a1a !important;
+    background-color: #00ffd0;
+  }
+
+
 }
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 
   .languages{
     display:inline-block;
-    font-family: "pp-neue-machina", sans-serif;
+    font-family: "pp-neue-machina", sans-serif !important;
     font-size: 1.116vw;
     background-color: #1a1a1a;
-    border: .5px solid #ffffff;
+    border: 1px solid #ffffff;
     color: #fff;
     padding-top: 0.279vw;
     text-decoration: none;
@@ -508,11 +533,34 @@
     width: 25.000vw;
     height: 4.185vw;
     transition: 0.2s ease-in-out;
+    border: 1px solid #ffffff;
   }
 
   .languages:hover{
     background-color: #8000ff;
     box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+    border: 1px solid #ffffff;
+  }
+
+  .languages:focus{
+    background-color: #1a1a1a !important;
+    border: 1px solid #ffffff;
+  }
+
+  #language-selector{
+    background-color: #1a1a1a;
+    width: 25vw;
+    border-radius: 0px;
+    border: 1px solid #949494;
+  }
+
+  #language-selector a{
+    color: #fff !important;
+  }
+
+  #language-selector a:hover{
+    color: #1a1a1a !important;
+    background-color: #00ffd0;
   }
 
 }
@@ -524,7 +572,7 @@
     font-family: "pp-neue-machina", sans-serif;
     font-size: 1.116vw;
     background-color: #1a1a1a;
-    border: .5px solid #ffffff;
+    border: 1px solid #ffffff;
     color: #fff;
     padding-top: 0.279vw;
     text-decoration: none;
@@ -532,11 +580,34 @@
     width: 25.000vw;
     height: 4.185vw;
     transition: 0.2s ease-in-out;
+    border: 1px solid #ffffff;
   }
 
   .languages:hover{
     background-color: #8000ff;
     box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+    border: 1px solid #ffffff;
+  }
+
+  .languages:focus{
+    background-color: #1a1a1a !important;
+    border: 1px solid #ffffff;
+  }
+
+  #language-selector{
+    background-color: #1a1a1a;
+    width: 25vw;
+    border-radius: 0px;
+    border: 1px solid #949494;
+  }
+
+  #language-selector a{
+    color: #fff !important;
+  }
+
+  #language-selector a:hover{
+    color: #1a1a1a !important;
+    background-color: #00ffd0;
   }
 
 }
@@ -548,7 +619,7 @@
     font-family: "pp-neue-machina", sans-serif;
     font-size: 1.116vw;
     background-color: #1a1a1a;
-    border: .5px solid #ffffff;
+    border: 1px solid #ffffff;
     color: #fff;
     padding-top: 0.279vw;
     text-decoration: none;
@@ -556,11 +627,34 @@
     width: 25.000vw;
     height: 4.185vw;
     transition: 0.2s ease-in-out;
+    border: 1px solid #ffffff;
   }
 
   .languages:hover{
     background-color: #8000ff;
     box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+    border: 1px solid #ffffff;
+  }
+
+  .languages:focus{
+    background-color: #1a1a1a !important;
+    border: 1px solid #ffffff;
+  }
+
+  #language-selector{
+    background-color: #1a1a1a;
+    width: 25vw;
+    border-radius: 0px;
+    border: 1px solid #949494;
+  }
+
+  #language-selector a{
+    color: #fff !important;
+  }
+
+  #language-selector a:hover{
+    color: #1a1a1a !important;
+    background-color: #00ffd0;
   }
 
 }
@@ -580,11 +674,36 @@
     width: 100%;
     height: 14vw;
     transition: 0.2s ease-in-out;
+    border: 1px solid #ffffff;
+    border-radius: 0px;
   }
 
   .languages:hover{
     background-color: #8000ff;
     box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important;
+    border: 1px solid #ffffff;
+  }
+
+  .languages:focus{
+    background-color: #1a1a1a !important;
+    border: 1px solid #ffffff;
+    outline: none !important;
+  }
+
+  #language-selector{
+    background-color: #1a1a1a;
+    width: 100%;
+    border-radius: 0px;
+    border: 1px solid #949494;
+  }
+
+  #language-selector a{
+    color: #fff !important;
+  }
+
+  #language-selector a:hover{
+    color: #1a1a1a !important;
+    background-color: #00ffd0;
   }
 
 }