website/scss/_header.scss
2021-03-28 20:19:18 +02:00

35 lines
No EOL
639 B
SCSS

.header-wrapper *:before {
box-sizing: border-box;
}
.header-homepage {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/img/bannerHomeCrop.webp);
background-size: cover;
position: relative;
color: #fff;
z-index: 0;
padding-top: 160px;
padding-bottom: 360px;
h1 {
width: 100%;
text-align: center;
font-size: 3.3em;
font-weight: 600;
}
}
.header-separator-bottom {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
svg { display: block;
width: calc(100% + 1.3px);
height: 90px;
fill: $back-color;
}
}
.header-wrapper {
position: relative;
}