@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-light.otf") format("opentype");
    font-weight: 300;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-light-italic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-regular.otf") format("opentype");
    font-weight: normal;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-regular-italic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-bold-italic.otf") format("opentype");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-xbold.otf") format("opentype");
    font-weight: 800;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-xbold-italic.otf") format("opentype");
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-black.otf") format("opentype");
    font-weight: 900;
}
@font-face {
    font-family: "Nexa";
    src: url("../fonts/nexa-black-italic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
}

:root {
    --purple: #5d003c;
    --orange: #ff6b3a;
    --yellow: #f5f139;
    --gray: #454545;
    --window-height: 100vh;
    --header-height: 200px;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: "Nexa", Arial, Helvetica, sans-serif;
}

.container--mini {
    max-width: 992px;
    width: 100%;
}

.container--lg {
    max-width: 1400px;
}