Minor fixes

public/css_styles/styles.css

@@ -44,6 +44,11 @@
   background-color: #ffe83d;
   color: #000000;
 }
+.header-main-page .konami-code {
+  font-family: "Raleway", sans-serif;
+  font-weight: 700;
+  color: #4c8ad5;
+}
 
 @media (max-width: 991.98px) {
   .header-main-page {
@@ -70,7 +75,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0px 5vw;
-  height: 7vh;
+  height: 8vh;
 }
 .banner-login p {
   margin: 0;
@@ -85,7 +90,7 @@
   background: none;
   border: none;
   width: 8vw;
-  font-size: 2.6vh;
+  font-size: 12pt;
   font-weight: bold;
   color: #ffffff;
   height: 6vh;
@@ -191,6 +196,9 @@
 }
 
 @media (max-width: 576px) {
+  .main-pomodoro {
+    height: auto;
+  }
   .main-pomodoro .timer {
     font-size: 80pt;
   }
@@ -335,7 +343,7 @@
   color: #4c8ad5;
 }
 .style-selector-container.dark-mode-component .style-selector .style-selection-container .checkbox_control {
-  border: 3px solid #3e70ae;
+  border: 3px solid #eff3f8;
 }
 .style-selector-container.dark-mode-component .style-selector .style-selection-container .checkbox__input input:checked + .checkbox_control {
   background-color: #4c8ad5;
@@ -672,6 +680,14 @@ html, body {
   .dark-mode {
     position: initial;
   }
+  .dark-mode label {
+    width: 50px;
+    height: 20px;
+  }
+  .dark-mode label::after {
+    width: 15px;
+    height: 15px;
+  }
 }
 @media (max-width: 576px) {
   .dark-mode {

public/sass_styles/_banner-login.scss

@@ -10,7 +10,7 @@
 
     padding: 0px 5vw;
 
-    height: 7vh;
+    height: 8vh;
 
     
     p {
@@ -27,7 +27,7 @@
         button {
             @include normalizeButton();
 
-            font-size: 2.6vh;
+            font-size: 12pt;
             font-weight: bold;
             color: #ffffff;
 

public/sass_styles/_dark-mode_toogle-switch.scss

@@ -49,7 +49,15 @@
     
     .dark-mode {
         position: initial;
-
+        label {
+            width: 50px;
+            height: 20px;
+        }
+    
+        label::after {
+            width: 15px;
+            height: 15px;
+        }
     }
 }
 

public/sass_styles/_header.scss

@@ -53,6 +53,12 @@
             }
         }
     }
+
+    .konami-code {
+        @include titleFont();
+
+        color: $lightest-color-dark;
+    }
 }
 
 

public/sass_styles/_mainPomodoro.scss

@@ -69,6 +69,8 @@
 @media (max-width: 576px) {
 
     .main-pomodoro {
+
+        height: auto;
         
         .timer {
             font-size: 80pt;

public/sass_styles/styles.scss

@@ -49,7 +49,7 @@ $second-color-dark: #3A4750;
 $light-color-dark: #D72323;
 $light-color-dark-darker: #7c1414;
 $lightest-color-dark: #4c8ad5;
-$lightest-color-dark-darker: #3e70ae;
+$lightest-color-dark-darker: #eff3f8;
 
 @import 'header';
 @import 'banner-login';