@font-face {
    font-family: 'Renogare';
    src: url('fonts/Renogare-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Poppins-Regular;
    src: url(fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: Poppins-Bold;
    src: url(fonts/Poppins-Bold.ttf);
}

:root {
    --war-plan-orange: #E7650F;
    --beaches-of-normandy: #FEBD69;
    --yankee-sky-pirate: #19212C;
    --night-mission: #25303E;
    --hooah-gray: #393837;
    --menu-background-color: #2F3A47;
    --foreground-color: #ffffff;
    --button-hover-color: #3E4D60;
    --scrollbar-color: #384350;
    --light-text-color: #7A8089;
}

body {
    font-family: Poppins-Regular;
    background-color: var(--yankee-sky-pirate);
    color: var(--foreground-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins-Bold;
}