/* FONTS */
h1, .h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 64px;
    /* line-height: 95px; */
}
h2, .h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 53px;
}

.p1 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 27px;
}
.p2 {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 21px;
}


/* COLORS */
:root {
    --cBlack: #000;
    --cWhite: #cccccc;
    --cLightGray: #252627;
    --cDarkGray: #181818;
}

/* FOREGROUND COLORS */
.fgWhite {
    color: var(--cWhite);
}
.fgBlack {
    color: var(--cBlack);
}
.fgLightGray {
    color: var(--cLightGray);
}
.fgDarkGray {
    color: var(--cDarkGray);
}


/* BACKGROUND COLORS */
.bgWhite {
    background-color: var(--cWhite);
}
.bgBlack {
    background-color: var(--cBlack);
}
.bgLightGray {
    background-color: var(--cLightGray);
}
.bgDarkGray {
    background-color: var(--cDarkGray);
}