@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
* {
color: white;
font-family: "Source Sans 3", sans-serif;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Source Code Pro", monospace;
text-transform: uppercase;
font-size: 48px;
} main {
padding: 20px;
width: 100vw;
min-height: 100vh; box-sizing: border-box; } .main-film {
height: 100vh;  }
.wrapper {
max-width: 1920px; width: 100%; margin-inline: auto; display: flex; align-items: flex-end; }
.gradient-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; pointer-events: none; background: linear-gradient(
90deg,
rgba(0,0,0,0.8) 0%,
rgba(0,0,0,0.6) 50%,
rgba(0,0,0,0) 100%
);
}
.main-om-ss {
width: 100%;
height: 100vh;
background: url(https://www.filmfjordfestival.no/wp-content/themes/filmfjordfestival/assets/photos/filmfjord_hyke_studio_01.jpg) no-repeat center center;
background-size: cover;
min-height: 100vh; padding-top: 80px; }
html {
scroll-behavior: smooth;
} @media (max-width: 1024px) {
main {
padding: 10px; } .main-film {
height: auto;
min-height: 100vh;
}
}