@font-face{
    font-family: "Roman Serif";
    src: url("../assets/fonts/romanserif/RomanSerif.ttf");
}

:root{
    scroll-behavior: smooth;
    --header-height: 6rem;
    --header-z-index: 5;
    --highlight-color:rgb(255, 216, 45);
    
}

*, *::after, *::before{
    font-family: "Roman Serif", serif;
    box-sizing:border-box;
}

body{
    min-width: 300px;
    margin:0;
    background-color: black;
    color:white;
}

footer{
    padding: 50px;
    color:gray;
    text-align: center;
    font-size:0.75em;
}


a{
    text-decoration: none;
}

.text-glow{
    text-shadow:white 0 0 10px;
}

.highlighted-link{
    color:var(--highlight-color);
    text-decoration:underline;
}

@media (max-width:900px){
    :root{
        --header-height:0;
    }
}