/*---GLOBAL---*/
/*---FONTS---*/
@font-face {
    font-family: "poppinsregular";
    src:
        url("fonts/poppins-regular-webfont.woff2") format("woff2"),
        url("fonts/poppins-regular-webfont.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "poppinsmedium";
    src:
        url("poppins-medium-webfont.woff2") format("woff2"),
        url("poppins-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "aleoregular";
    src:
        url("fonts/aleo-variablefont_wght-webfont.woff2") format("woff2"),
        url("fonts/aleo-variablefont_wght-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "aleoregular";
    src:
        url("fonts/aleo-variablefont_wght-webfont.woff2") format("woff2"),
        url("fonts/aleo-variablefont_wght-webfont.woff") format("woff");
    font-weight: medium;
    font-style: medium;
}

@font-face {
    font-family: "inter-regular";
    src: url("fonts/inter-regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3 {
    font-family: "poppinsregular", sans-serif;
    font-weight: 200;
}

h4,
h5,
h6 {
    font-family: "poppinsmedium", sans-serif;
}

body {
    font-family: "inter-regular", sans-serif;
}

.navbar-menu-items {
    font-family: "aleoregular", sans-serif;
}

.footer-menu-items {
    font-family: "aleoregular", sans-serif;
}

.section-divider-100px {
    padding: 100px;
}

/*--- COLORS - DARK MODE ---*/

:root {
    --dark-bg: #0f1019;
    --dark-area: #202429;
    --dark-text-white: #fff;
    --dark-off-white: #f0ede9;

    --light-bg: #f5f3f2;
    --light-area: #f0ede9;
    --light-font-grey: #2f2f2f;
    --light-primary-red: #ea012c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
}

h1 {
    font-size: 132px;
}
h2 {
    font-size: 112px;
}
h3 {
    font-size: 80px;
}
h4 {
    font-size: 40x;
}
h5 {
    font-size: 32px;
}

p {
    color: #fff;
}
body {
    background-color: #0f1019;
}
.area-dark-bg {
    background-color: #0f1019;
}

.btn-primary-white {
    background-color: #f0ede9;
}
.navbar-menu-items {
    color: #fff;
}

/*divider*/
.divider_svg {
    @media (width > 1500px) {
        padding-left: 20%;
    }
}