/*global vars*/
:root {
    --background: rgb(247, 252, 255);
    --text-color: rgb(0, 0, 0);
    --text-color-light: rgb(255,255,255);
    --accent1: rgb(140,195,227);
    --accent2: rgb(104,136,163);
    --accent3: rgb(57,47,90);
    --accent4: rgb(205,232,244);
    --accent5: rgb(12,12,69);
    --accent6: #aac5dd;
    --document-width: 1200px;
    --header-font: 'Caudex', serif;
    --font: 'Karla', Arial, sans-serif;
    font-size: 110%;
}

* {
    margin: 0;
    padding: 0;
}

/*element styling*/
body {
    background-color: var(--background);
    font-family: var(--font);
    color: var(--text-color);
    margin: 0;
    padding: 0;
}

main {
    margin: 0 auto;
}

/*defined classes*/