@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

:root{
    --primary-color:#473144;
    --secondary-color: #AF1B3F;
    --tertiary-color: #CCB69B;
    --text-color: #EFC69B;

}


*{
    background: var(--primary-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
}

body{
    font-family: "Space Grotesk", sans-serif;
    margin:3%;
}

.nav-bar ul{
    list-style-type: none;
    font-size: 1rem;
    margin-left: 60%;
}


.highlight{
    font-weight: bold;
    text-decoration: underline;
}

.highlight:hover{
    cursor: pointer;
}

ul{
    list-style-type: none;
}

.nva-bar{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.nva-bar ul{
    display: flex;
    flex-direction: row;
    gap:5px;
}

h3{
    margin-top: 10px;
}

img{
    max-width: 1080px;
}

.bold{
    font-weight: bold;
}

@media (max-width: 768px){
    img{
        width: 75%;
    }

    video{
        width:100%;
    }

    body{
        font-size: 0.5rem;
    }
}