133 lines
2.7 KiB
CSS
133 lines
2.7 KiB
CSS
:root {
|
|
--bs-body-color: #f0f6f0;
|
|
--bs-body-color-rgb: 240, 246, 240;
|
|
--bs-emphasis-color: #f0f6f0;
|
|
--bs-emphasis-color-rgb: 240, 246, 240;
|
|
--bs-secondary: #848784;
|
|
--bs-secondary-rgb: 132, 135, 132;
|
|
--bs-secondary-color: rgba(240, 246, 240, 0.75);
|
|
--bs-secondary-color-rgb: 240, 246, 240;
|
|
--bs-light: #f0f6f0;
|
|
--bs-light-rgb: 240, 246, 240;
|
|
--bs-body-bg: #222323;
|
|
--bs-body-bg-rgb: 34, 35, 35;
|
|
--bs-dark: #222323;
|
|
--bs-dark-rgb: 34, 35, 35;
|
|
--bs-border-color: #454645;
|
|
--bs-border-color-rgb: 69, 70, 69;
|
|
--bs-border-color-translucent: rgba(240, 246, 240, 0.15);
|
|
--bs-link-color: #299a7d;
|
|
--bs-link-color-rgb: 41, 154, 125;
|
|
--bs-link-hover-color: #5fd5b6;
|
|
--bs-link-hover-color-rgb: 95, 213, 182;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Cinzel";
|
|
src: url(assets/cinzel/Cinzel/Cinzel-Regular.ttf) format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "NunitoSans";
|
|
src: url(assets/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf);
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "NunitoSans";
|
|
src: url(assets/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf);
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "BBH Bartle";
|
|
src: url(assets/BBH_Bartle/BBHBartle-Regular.ttf);
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-family: "Cinzel";
|
|
}
|
|
|
|
body:before {
|
|
content: ' ';
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.1;
|
|
background-image: url("assets/logo.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: 0 50%;
|
|
background-size: 100% auto;
|
|
z-index: -1;
|
|
}
|
|
|
|
body {
|
|
font-family: "NunitoSans";
|
|
overflow: hidden;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.dvh-100 {
|
|
height: 100vh; /* Compatibility fallback */
|
|
height: 100dvh; /* Dynamic viewport height */
|
|
}
|
|
|
|
.text-small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.text-xsmall {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.text-impact {
|
|
font-family: "BBH Bartle", sans-serif;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.fading-container {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.carousel-fit {
|
|
height:40vh;
|
|
width: 100vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.carousel-fit > * {
|
|
max-height: 40vh;
|
|
max-width: 100vw;
|
|
}
|
|
|
|
.carousel-caption {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 64px;
|
|
--bs-bg-opacity: 0.5;
|
|
}
|
|
.carousel-indicators button {
|
|
background-color: var(--bs-body-color) !important;
|
|
}
|
|
|
|
.carousel-control-prev-icon, .carousel-control-next-icon {
|
|
filter: invert(0) !important;
|
|
}
|