Fixed darkmode button position to be responsive

css/skeleton-auto.css

@@ -278,13 +278,20 @@ hr {
        url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */
 }
 
+#darkmode-toggle {
+  display: none; 
+}
+
 label {
   width:70px;
   height:35px;
   position: relative;
   display: block;
-  top: -40px;
-  left: 265px;
+  top: -20px;
+  left: 44%;
+  /* left: 265px; */
+  text-align: center;
+  /* left: 44%; */
   background: #ebebeb;
   border-radius: 20px;
   box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4), inset 0px 0px 10px rgba(255,255,255,0.4);

index.html

@@ -103,7 +103,7 @@
           This can improve the experience for assistive technology users by hiding what is essentially duplicated
 
         -->
-        <input class="button" type="checkbox" id="darkmode-toggle" onclick="setTheme()"/>
+        <input type="checkbox" id="darkmode-toggle" onclick="setTheme()"/>
         <label for="darkmode-toggle"></label>
 
         <script>