:root{
    --background-color: hsl(0, 0%, 95%);
    --primary-color: rgb(36, 36, 36);
    --secondary-color: hsl(0, 0%, 92%);
    --font-color: hsl(0, 0%, 15%);
    /* --accent-color: hsl(29, 100%, 50%); */
    --accent-color: rgb(0, 153, 255);
    /* --accent-color: rgb(255, 0, 0); */
    /* --accent-color: rgb(0, 184, 0); */
}

body{
    background-color: var(--background-color);
    color: var(--font-color);
    font-family: Arial, Helvetica, sans-serif;
}

.site-content{
    padding-top: 50px;
    margin: 0 50px;
}

@media (min-width:55em){
    .site-content{
        margin: auto;
        width: 75vw;
    }
}