44 lines
837 B
SCSS
44 lines
837 B
SCSS
@import "fonts.scss";
|
|
@import "style.scss";
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "Gravity-Regular";
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
min-height: 100vh;
|
|
background-color: #f2f7fc;
|
|
}
|
|
|
|
code {
|
|
background-color: lightgray;
|
|
padding: 2px;
|
|
font-family: 'Courier New', Courier, monospace;
|
|
}
|
|
|
|
main {
|
|
padding-bottom: 10vh;
|
|
|
|
div#banner {
|
|
background: no-repeat center center;
|
|
background-image: url(/img/banner.png);
|
|
background-size: cover;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 55vh;
|
|
backdrop-filter: blur(2.5px);
|
|
object-fit: cover;
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
backdrop-filter: blur(2.5px); /* apply the blur */
|
|
pointer-events: none; /* make the overlay click-through */
|
|
}
|
|
}
|
|
}
|