WIP CSS cleanup (some things broken atm)

src/scss/modules/_buttons.scss

@@ -1,15 +1,10 @@
 %settingsButton {
-  text-align: center;
-  border: none;
   transition: ease 0.33s;
   color: map-get($theme-colours, 'main');
   cursor: pointer;
-  display: inline-block;
-  position: relative;
   padding: 10px 30px;
   font-size: 20px;
   border-radius: 24px;
-  background: none;
   box-shadow: 0 5px 15px rgba(128, 161, 144, 0.4);
 
   &:hover, &:active {
@@ -92,14 +87,9 @@
   cursor: pointer;
   font-size: 18px;
   float: right;
-  vertical-align: middle;
   padding: 5px 30px;
   background: none;
-  outline: none;
-  border: none;
-  border: 2px solid #2d3436;
   border-radius: 24px;
-  font-family: 'Lexend Deca', sans-serif;
   transition: ease 0.33s;
 
   &:hover {

src/scss/modules/_marketplace.scss

@@ -1,33 +1,3 @@
-.tab,
-button.tablinks {
-  margin-top: -10px;
-  font-size: 24px;
-  background: none;
-  border: none;
-  outline: none;
-  color: map-get($modal, 'text');
-}
-
-button.tablinks {
-  cursor: pointer;
-  padding: 6px;
-  border-radius: 12px;
-  padding: 10px 30px 10px 30px;
-
-  &:hover {
-    background: rgba(189, 195, 199, .075);
-  }
-
-  &:after {
-    content: '';
-    display: block;
-    margin: 0 auto;
-    width: 50%;
-    padding-top: 10px;
-    border-bottom: 3px solid map-get($modal, 'tab-underline');
-  }
-}
-
 #item a {
   color: map-get($button-colours, 'other');
   cursor: pointer;
@@ -222,16 +192,6 @@ p.description {
   }
 }
 
-.banner {
-  text-align: center;
-  background: #54a0ff;
-  border-radius: 24px;
-  padding: 10px;
-  margin: 0;
-  color: map-get($theme-colours, 'main');
-  display: none !important;
-}
-
 .featured {
   background: #2d3436;
   margin-top: 20px;
@@ -261,10 +221,6 @@ p.description {
   color: white;
 }
 
-.requires {
-  float: right;
-}
-
 #seemore {
   display: none;
 

src/scss/modules/_modal.scss

@@ -149,18 +149,38 @@
   }
 }
 
-.updateContent {
-  width: 400px;
-  padding: 5px;
+.tab,
+button.tablinks {
+  margin-top: -10px;
+  font-size: 24px;
+  background: none;
+  border: none;
+  outline: none;
+  color: map-get($modal, 'text');
+}
 
-  .closeModal {
-    margin-top: 10px;
-    font-size: 45px;
+.tablinks {
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 12px;
+  padding: 10px 30px 10px 30px;
+
+  &:hover {
+    background: rgba(189, 195, 199, .075);
   }
 
-  img {
-    width: 100%;
-    height: auto;
+  &:after {
+    content: '';
+    display: block;
+    margin: 0 auto;
+    width: 50%;
+    padding-top: 10px;
+    border-bottom: 3px solid map-get($modal, 'tab-underline');
+  }
+
+  svg {
+    top: 0.125em;
+    position: relative;
   }
 }
 
@@ -177,9 +197,19 @@
   border-bottom-right-radius: map-get($modal, 'border-radius');
 }
 
-.tablinks svg {
-  top: 0.125em;
-  position: relative;
+.updateContent {
+  width: 400px;
+  padding: 5px;
+
+  .closeModal {
+    margin-top: 10px;
+    font-size: 45px;
+  }
+
+  img {
+    width: 100%;
+    height: auto;
+  }
 }
 
 #feedbackmodal {

src/scss/modules/_settings.scss

@@ -37,10 +37,6 @@
     transition: 0.4s;
     border-radius: 50%;
   }
-
-  &.round:before {
-    border-radius: 50%;
-  }
 }
 
 input {
@@ -50,7 +46,6 @@ input {
     box-sizing: border-box;
     border-image-slice: 1;
     border-image-source: map-get($theme-colours, 'gradient');
-    outline: none;
     background: transparent;
   }
 
@@ -59,7 +54,6 @@ input {
 
     &:before {
       -webkit-transform: translateX(26px);
-      -ms-transform: translateX(26px);
       transform: translateX(26px);
     }
   }
@@ -186,7 +180,6 @@ input[type=color] {
   }
 }
 
-// This is duplicated because it didn't work with a comma, need to look into it later
 input[type=color]::-moz-color-swatch {
   border-radius: 100%;
   height: 30px;
@@ -207,28 +200,16 @@ input[type=color]::-moz-color-swatch {
   }
 }
 
-input[type=checkbox] {
-  vertical-align: middle;
-}
-
 .customBackgroundHex {
   font-size: 1.2em;
   padding-left: 7px;
   vertical-align: middle;
 }
 
-input[type=number].stop  {
-  margin-left: 7px;
-}
-
 button.remove + input[type=color].colour  {
   margin-left: 7px;
 }
 
-#customBackgroundColour {
-  cursor: pointer;
-}
-
 // Dark Theme
 .dark {
   #blurRange, #brightnessRange {