:root {

    /* Colors: */
    --sand: #F8D293;
    --darkerGray: #222226;
    --gray: #838386;
    --aqua: #488c97;
    --background: #0f0f1a;
} 

html, body{
    margin: 0;
    padding: 0;

    background-color: var(--background);
    display: flex;
    flex-direction: column;
    height: 100vh;
}

* {
    color: var(--aqua);
    font-family: "spartan";
    font-size: 8vw;
    font-weight: 400;
}

.header {
    display: flex;
}
.header i, .header a {
    margin-left: 5vw;
    margin-top: 4vh;
    color: var(--aqua);
    font-size: 4vh;
    text-decoration: none;

}

.links {
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70%;
}
.links a {
    margin-top: 2vh;
    margin-bottom: 2vh;

    text-decoration: none;
    
}

::-webkit-scrollbar {
    display: none;
}