@font-face { font-family: Adriane; src: url('static/adriane-regular.otf'); } 
@font-face { font-family: Adriane; font-weight: bold; src: url('static/adriane-bold.otf');}


:root {
    --text-color: #ffffff;
    --black: #0c0c0c;
    --white: #ffffff;
    --yellow: #16232E;
    --brown: #164C45;
    --red: #E3C75F;
    --green: #BDA523;
}

body {
    font-family: 'Adriane';
    font-style: normal;
    font-weight: 400;
    color: var(--text-color);
    background-color: var(--black);
    height: 100vh;
}
h1 {
    text-align: center;
    height: 12rem;
}

h2 {
    line-height: 1.6;
    font-size: calc(0.75rem + 2.1vw);  
}


@media (min-width: 576px) {
    h2 {
        font-size: calc(0.6rem + 0.9vw);
    }
}
main {
    height: 100%;
}
.container-fluid {
    height: 100%;
}
a, a:hover {
    color: var(--text-color);
    text-decoration: none;

}

img {
    width: 40%;
    height: auto;
}