* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

:root {
    --main-background: #363636;
    --second-background: #F3F5F7;
    --main-text: #F3F5F7;
    --second-text: #363636;
    --third-text: #a8a8a8;
    --main-overlay: #1e1e1e;
    --main-btn: #ffffff;
    --accent: #8700AC;
}

body {
    background-color: var(--main-background);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*navbar section*/
nav {
    background-color: var(--second-background);
    height: 8vh;
    width: 100vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    position: fixed;
    top: 100%;
    margin-top: -8vh;
    left: 0;
    padding: 0 4vh 0 4vh;
    z-index: 10;
    /*box-shadow: #b1b1b1 0px 0px 50px 10px;*/
}

nav img {
    height: 2.5vh;
}

nav a {
    color: var(--second-text);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
}

#current_nav {
    color: var(--accent);
}