feat: better dropdowns, about section etc

Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>

src/scss/modules/_dropdown.scss

@@ -1,15 +1,13 @@
 .dropdown {
   select {
     margin-left: 10px;
-
-    background: linear-gradient(180deg, #ffb032 0%, #dd3b67 100%);
-    height: 34px;
     width: 120px;
     color: map-get($modal, 'text');
-
-    border-image-source: linear-gradient(180deg, #ffb032 0%, #dd3b67 100%);
-    border-image-slice: 1;
-    border-width: 3px 4px;
+    background: #f0f0f0;
+    border:none;
+    padding: 10px 10px;
+    border-radius: 5px;
+    
   }
 
   select#language {

src/scss/modules/_settings.scss

@@ -172,3 +172,19 @@ input[type=color]::-moz-color-swatch {
 .MuiCheckbox-colorPrimary.Mui-checked {
   color: map-get($button-colours, 'reset') !important;
 }
+
+.reminder-info {
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  padding: 20px;
+  color: #000;
+  background: #f0f0f0;
+  max-width: 300px;
+  border-radius: 0.7em;
+  display: none;
+
+  h1 {
+    font-size: 1em;
+  }
+}

src/scss/modules/modals/_main.scss

@@ -209,7 +209,7 @@ li {
 .tab-content {
   position: absolute;
   left: 25%;
-  top: 10%;
+  top: 7%;
 
   h3 {
     text-transform: uppercase;