diff --git a/public/styles/style.css b/public/styles/style.css index d6a6640c2a9100342749c2c0e469ace7e45bda5e..ad1be8bb31e1bde1a8ba62dcb221d62cc765c0b4 100644 --- a/public/styles/style.css +++ b/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); diff --git a/public/styles/style.scss b/public/styles/style.scss index 0cb715122cc1a5c6e88038b8b76456f303ccc1e9..ee89d333122a7e5797765f28558953da939b8207 100644 --- a/public/styles/style.scss +++ b/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);