* {
    box-sizing: border-box;
}

:root {
    --mainMargin: 90%;
}

@font-face {
    font-family:    "Inter",
                    sans-serif;
    src:            url(/Inter-VariableFont_opsz,wght.ttf);
}

nav {
    width:          var(--mainMargin);
    height:         auto;
    border-style:   solid;
    border-width:   1px;
    text-align:     center;

}

main {
    background-image:       url("bg.png");
    background-attachment:  fixed;
    background-position:    center;
    font-family:            "Inter", Helvetica, sans-serif;
    width:                  var(--mainMargin);
    height:                 var(--mainMargin);
    border-style:           solid;
    border-width:           1px;
    padding:                5%;
}

.contentImage {
    width:      75%;
    height:     auto;
    position:   static;
}

/*
PALETTE 1:
#e62727
#f3f2ec
#dcdcdc
#1e93ab

PALETTE 2:
#f7f635
#76d2db
#da4848
#36064d

PALETTE 3:
#bf4646
#eddcc6
#fff4ea
#7eacb5
*/