@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,500&display=swap');

:root {
    --black: #010101;
    --white: #eeeeee;
    --text-white: #e3dbd9;
    --text-white-transparent: rgba(227, 219, 217, 0.7);
    --text-black: #0c0c0c;
    --red: #FE2424;
    --red-light: #ff1010;
    --greyDark: #5e5a5a;
    --greyLight: #aca7a7;
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayBlack.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayBlackItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayBold.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayBoldItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayLight.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayLightItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayMedium.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayMediumItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayRoman.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayRomanItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayThin.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayThinItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayXThin.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayXThinItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayXXThin.woff2') format('woff2');
}

@font-face {
    font-family: 'NeueHaasDisplay';
    src: url('../fonts/NeueHaasDisplayXXThinItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'AvantGardeBook';
    src: url('../fonts/ITCAvantGardePro-Book.otf') format('opentype');
}

@font-face {
    font-family: 'AvantGardeMedium';
    src: url('../fonts/ITCAvantGardePro-Medium.otf') format('opentype');
}