header img bugfix, accent color

public/styles/style.css

@@ -205,7 +205,7 @@ header {
   position: relative;
   background-image: url("../img/header_img_placeholder.jpg");
   background-repeat: no-repeat;
-  background-size: cover 100%;
+  background-size: cover;
   padding: 1.5em 1em;
 }
 
@@ -303,6 +303,7 @@ footer {
 
 #font-selection {
   color: #333333;
+  accent-color: #6600ea;
   background: #efefef;
   border-radius: 15px;
   border: 1px solid #6600ea;
@@ -366,10 +367,6 @@ footer {
     flex-basis: 20rem;
   }
 
-  header {
-    background-size: 100%;
-  }
-
   .skiplink {
     -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
     clip-path: polygon(0 0, 0 0, 0 0, 0 0);

public/styles/style.scss

@@ -46,7 +46,7 @@ header {
   position: relative;
   background-image: url("../img/header_img_placeholder.jpg");
   background-repeat: no-repeat;
-  background-size: cover 100%;
+  background-size: cover;
   padding: 1.5em 1em;
 }
 
@@ -137,6 +137,7 @@ footer {
 }
 #font-selection {
   color: $color_light;
+  accent-color: $tertiary_light;
   background: $bg_light;
   border-radius: 15px;
   border: 1px solid $tertiary_light;
@@ -198,9 +199,6 @@ align-self: center;
   main > * {
     flex-basis: 20rem;
   }
-  header {
-    background-size: 100%;
-  }
   .skiplink {
     -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
     clip-path: polygon(0 0, 0 0, 0 0, 0 0);