@font-face {
    font-family: Roboto-Regular;
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
}
@font-face {
    font-family: Roboto-Medium;
    src: url('../fonts/Roboto/Roboto-Medium.ttf');
}
@font-face {
    font-family: Roboto-Bold;
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
}
@font-face {
    font-family: Roboto-Black;
    src: url('../fonts/Roboto/Roboto-Black.ttf');
}
@font-face {
    font-family: Roboto-Serif;
    src: url('../fonts/Roboto/RobotoSerif.ttf');
}
@font-face {
    font-family: RobotoFlex;
    src: url('../fonts/RobotoFlex/RobotoFlex.ttf');
}
@font-face {
    font-family: Lora;
    src: url('../fonts/Lora/Lora-VariableFont_wght.ttf');
}
@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans/OpenSans-VariableFont_wdth,wght.ttf');
}
@font-face {
    font-family: RobotoCondensed-Light;
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Light.ttf');
}
@font-face {
    font-family: RobotoCondensed-Regular;
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Regular.ttf');
}
@font-face {
    font-family: RobotoCondensed-Bold;
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Bold.ttf');
}
@font-face {
    font-family: Beautique-Bold;
    src: url('../fonts/Beautique/BeautiqueDisplay-Bold.otf');
}
@font-face {
    font-family: Beautique-Light;
    src: url('../fonts/Beautique/BeautiqueDisplay-Light.otf');
}
@font-face {
    font-family: Beautique-Regular;
    src: url('../fonts/Beautique/BeautiqueDisplay-Regular.otf');
}
@font-face {
    font-family: Beautique-Black;
    src: url('../fonts/Beautique/BeautiqueDisplay-Black.otf');
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    --font-text: Roboto-Regular;
    --font-text-bold: Roboto-Bold;
    --font-text-light: Roboto-Light;
    --font-text-black: Roboto-Black;
    --font-title-light: Beautique-Light;
    --font-title: Beautique-Regular;
    --font-title-bold: Beautique-Bold;
    --font-title-black: Beautique-Black;

    /* --thm-color-red: #c21110; */
    --thm-color-red: #be2525;
    --thm-color-yellow: #fee94c;
    --thm-color-orange: #f2b21c;
    --thm-color-white: #ffffff;
    --thm-color-black: #2e2e2e;
    --swiper-scrollbar-drag-bg-color: #ffffff;
}
body {
    font-family: var(--font-main);
    user-select: none;
}

#background-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

main {
    min-height: 100vh;
}
a {
    text-decoration: none;
    color: unset;
}