54 lines
1.2 KiB
SCSS
54 lines
1.2 KiB
SCSS
|
body {
|
||
|
|
background: url('/assets/images/banner.avif') center/cover no-repeat;
|
||
|
|
background-size: cover; /* ensure image covers the whole viewport */
|
||
|
|
background-position: center;
|
||
|
|
color: #ffba00;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gradient overlay on top of image */
|
||
|
|
body::before {
|
||
|
|
content: "";
|
||
|
|
position: fixed; /* cover the viewport */
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100svh;
|
||
|
|
z-index: -1; /* behind content, above body bg */
|
||
|
|
|
||
|
|
background-color: #461901; /* solid overlay color */
|
||
|
|
opacity: 0.8; /* adjust overlay intensity */
|
||
|
|
}
|
||
|
|
|
||
|
|
.homepage-subtitle {
|
||
|
|
color: #ffba00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.language-selector-container,
|
||
|
|
.card {
|
||
|
|
background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
|
||
|
|
border-width: 1px;
|
||
|
|
color: #ffd230;
|
||
|
|
border-color: #fd9a00;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:link,
|
||
|
|
a:visited {
|
||
|
|
color: #ffd230;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header .language-selector {
|
||
|
|
background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
|
||
|
|
border-color: #fd9a00;
|
||
|
|
border-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header__text h2.modal__title {
|
||
|
|
color: #ffd230;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.modal__container.language-selector-container {
|
||
|
|
border: 1px solid #fd9a00; /* border width and color */
|
||
|
|
border-radius: 8px; /* optional: rounded corners */
|
||
|
|
}
|
||
|
|
|