:root{
    /* Colors */
    --white: #f9f9f9;
    --black: #111111;
    --darkgray: #333333;
    --gray: #85888C;
    --lightblue: #2fbef2;
    --darkblue: #00324a;
    --green: #04AA6D;
    --mute: #bbbbbb;
    /* Typography */
    --mainfont: 'Open Sans';
    --codefont: 'Fira Code';
    /* Breakpoints */
    --fullwidth: 100%;
    --article: 53rem;
    /* Padding */
    --smallpadding: 20px;
    --largepadding: 50px;
    /* Margin */
    --smallmargin: 20px;
    --largemargin: 50px;
}