redo commits from gitlab repo

Author: dpatanin

src/scss/_bootstrap-variables.scss

@@ -21,6 +21,7 @@ $white: #ffffff;
 $black: #000000;
 $primary: #1c3ed3;
 $iteragenta: #A9218E;
+$iteragentaLight: rgb(170, 77, 151);
 $secureCodeBlue: #3296DC;
 $secondary: #414156;
 

src/scss/components/_logo.scss

@@ -20,7 +20,7 @@
 
 .logo-mobile {
   display: block;
-  width: 30px;
+  width: 150px;
   @include media-breakpoint-up(sm) {
     display: none;
   }

src/scss/components/_main-menu.scss

@@ -31,7 +31,7 @@
         padding: 10px 14px 10px 14px;
         text-decoration: none;
         &:hover {
-          background: $primary;
+          background: $iteragenta;
           color: #fff;
           text-decoration: none;
         }
@@ -44,7 +44,7 @@
         color: #fff;
         &:hover {
           text-decoration: none;
-          background: $primary;
+          background: $iteragenta;
           transition: all 225ms ease-in 0s;
           color: #fff;
         }

src/scss/style.scss

@@ -1,4 +1,6 @@
 // Font
+// TODO add fancy fonts
+//? Do we want to use google fonts?
 // @import url('https://fonts.googleapis.com/css?family=Lora:400|Open+Sans:400,700');
 // @import url('https://fonts.googleapis.com/css?family=Livvic&display=swap');
 // @import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');