:root {
    --primary-color: #121212;
    --secondary-color: #808080;
    --accent-color: #808080;
    /* --accent-color: #F08700; */
    --secondary-accent-color: #F49F0A;
    --text-color: #FAF6F6;
}

@font-face {
    font-family: helvetica-neue;
    src: url(/assets/fonts/HelveticaNeueLight.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: helvetica-neue;
    src: url(/assets/fonts/HelveticaNeueMedium.otf);
    font-weight: bold;
    font-style: normal;
}

html,
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.background-primary {
    background-color: var(--primary-color);
}

.color-primary {
    color: var(--text-color);
}

.app {
    padding-top: 12vh;
    flex-grow: 1;
}

.justify {
    text-align: justify;
}

.helvetica {
    font-family: helvetica-neue;
}

.bold {
    font-weight: bold;
}