/* PART I */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bg1: url(assets/bg.jpg);
    --bg2: rgba(128, 206, 174, 0.8);
    --txt: rgb(255, 255, 255);   
}

a {color: var(--txt); text-decoration: none;}
a:hover {text-decoration: underline;}

/* PART II */
#main {
    display: flex;
    justify-content: center;
    align-items: flex-start;

    padding: 5vh;
    height: 100vh;
    width: 100vw;
    background: var(--bg1);
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
    color: var(--txt);
}

#wrapper {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    
    gap: 1.75vh;
    padding: 1vh;
    width: max-content ;
    background-color: var(--bg2);
}

#creditslist {
    display: flex;
    flex-flow: column wrap;
}

/* PART III */
nav * {
    display: flex;
    flex-flow: row wrap;
    gap: 0.75vw;
}