:root{

    --GENERAL-FONT-1: "Merriweather", "Helvetica Neue", Arial, sans-serif;
    --GENERAL-FONT-2: "Fjalla One", "Helvetica Neue", Arial, sans-serif;
    --GENERAL-FONT-3: "Anton", "Helvetica Neue", Arial, sans-serif;

    --GENERAL-COLOR-1: rgb(78, 81, 85);
    --GENERAL-COLOR-2: white;
    --GENERAL-FONT-COLOR-1: black;
    --GENERAL-FONT-COLOR-2: var(--GENERAL-COLOR-1);
    --GENERAL-FONT-COLOR-3: var(--GENERAL-COLOR-2);
    --GENERAL-FONT-COLOR-4: rgba(209, 202, 202, 0.842);
    --GENERAL-LINK-COLOR-1: var(--GENERAL-COLOR-1);
    --GENERAL-LINK-ACTIVE-COLOR-1: rgb(87, 91, 109);
    --GENERAL-LINK-COLOR-2: rgba(145, 145, 145, 0.75);
    --GENERAL-LINK-ACTIVE-COLOR-2: rgb(191, 192, 202);

    --GENERAL-IMAGE-BORDER-RADIUS: 50%;
    --GENERAL-BOX-SHADOW: 0px 3px 9px rgba(0, 0, 0, .05);


    --HR-WIDTH: 20%;

    --COPYRIGHT-FONT: Arial, sans-serif;

    /* ! - Must be in "px", else need to change "calc" formula for "empty-padding" */
    --HERO-IMAGE-MARGIN-BOTTOM: -50px;
    --HERO-IMAGE-MARGIN-BOTTOM-SMALL: -75px;

    --PROJECTBOX-IMAGE-WIDTH: 650px;
    --PROJECTBOX-CAPTION-BACKGROUND-COLOR: rgba(201, 205, 221, 0.9);

    --NAVBAR-HEIGHT: 50px; /* ! - Must correspond to the real navbar height! (Horrible hack) */
    --NAVBAR-BACKGROUND-COLOR: rgba(49, 47, 47, 0.568);
}