:root{
    --polynesian-blue : #004897;
    --polynesian-blue-hover : #003267;
    --licorice: #0C0018;
    --magnolia: #F3F3FF;
    --lavender: #DCDCEC;
    --lavender-hover: #bfbfd0;
    --yellow-green: #A1C349;
    --cherry-blossom-pink: #FFB7C3;
    --crayola: #FF6B83;
    --pumpkin: #FC7A1E;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Afacad Flux", sans-serif;
    color: var(--licorice);
}

body, html{
    height: 100%;
    background-color: var(--magnolia);
}