*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: var(--blue-distritech);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--yellow-distritech);
    border-radius: 9999px;
    border: 3px none white;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--yellow-distritech) var(--blue-distritech);
}

@font-face {
    font-family: "distritech";
    src: url('/distritech.otf');
}

:root {
    --blue-distritech: #1a3761;
    --blue-comp-distritech: #f21a61;
    --yellow-distritech: #fdec00;
    --yellow-comp-distritech: #0040fd;
    --background-distritech: rgb(200, 200, 200);
}

button,
footer *,
header * {
    -webkit-user-select: none;
    user-select: none;
}

.h-carousel-xs {
    height: 34rem;
}

.h-carousel-lg {
    height: 32rem;
}

.h-carousel-sm {
    height: 32rem;
}

.no-scroll {
    overflow-x: hidden;
    overflow-y: hidden;
    overflow: hidden;
    border: none;
}

embed,
iframe,
object {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    overflow: hidden !important;
    border: none !important;
}

body {
    background-color: var(--background-distritech) !important;
}

.title-header-distritech {
    font-family: "distritech";
    font-size: 3em;
    color: var(--yellow-distritech);
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
}

.text-header-distritech {
    font-family: "distritech";
    font-size: 1.5em;
    color: var(--yellow-distritech);
    -webkit-user-select: none;
    user-select: none;
}

@media (min-width: 440px) {
    .text-header-distritech {
        font-size: 2em;
        padding-left: 22px;
    }

    .title-header-distritech {
        font-size: 3.5em;
    }
}

@media (min-width: 768px) {
    .text-header-distritech {
        font-size: 3em;
        padding-left: 22px;
    }

    .title-header-distritech {
        font-size: 3.5em;
    }
}

.doc-text-header-distritech {
    font-family: "distritech";
    font-size: 1em;
    color: var(--yellow-distritech);
    -webkit-user-select: none;
    user-select: none;
}

@media (min-width: 440px) {
    .doc-text-header-distritech {
        font-size: 1em;
        padding-left: 22px;
    }

    .title-header-distritech {
        font-size: 3.5em;
    }
}

@media (min-width: 768px) {
    .doc-text-header-distritech {
        font-size: 1.5em;
        padding-left: 22px;
    }

    .title-header-distritech {
        font-size: 3.5em;
    }
}

.header-word-distritech {
    text-transform: capitalize;
    -webkit-user-select: none;
    user-select: none;
}

.title-distritech {
    font-family: "distritech";
    font-size: 2em;
    padding-bottom: 5px;
    color: var(--blue-distritech);
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
}

.title-comp-distritech {
    font-family: "distritech";
    font-size: 2em;
    padding-bottom: 5px;
    color: var(--yellow-distritech);
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
}

.text-distritech {
    font-family: "distritech";
    color: var(--blue-distritech);
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
}

.bg-blue-distritech {
    background-color: var(--blue-distritech);
}

.bg-blue-distritech-transparent {
    background-color: var(--blue-distritech);
    opacity: 25%;
}

.hover\:bg-blue-distritech:hover {
    background-color: var(--blue-distritech);
}

.focus\:bg-blue-distritech:focus {
    background-color: var(--blue-distritech);
}

.text-blue-distritech {
    color: var(--blue-distritech);
}

.hover\:text-blue-distritech:hover {
    color: var(--blue-distritech);
}

.focus\:text-blue-distritech:focus {
    color: var(--blue-distritech);
}

.border-blue-distritech {
    border-color: var(--blue-distritech);
}

.focus\:border-blue-distritech:focus {
    border-color: var(--blue-distritech);
}

.hover\:border-blue-distritech:hover {
    border-color: var(--blue-distritech);
}

.bg-blue-comp-distritech {
    background-color: var(--blue-comp-distritech);
}

.hover\:bg-blue-comp-distritech:hover {
    background-color: var(--blue-comp-distritech);
}

.focus\:bg-blue-comp-distritech:focus {
    background-color: var(--blue-comp-distritech);
}

.text-blue-comp-distritech {
    color: var(--blue-comp-distritech);
}

.hover\:text-blue-comp-distritech:hover {
    color: var(--blue-comp-distritech);
}

.focus\:text-blue-comp-distritech:focus {
    color: var(--blue-comp-distritech);
}

.border-blue-comp-distritech {
    border-color: var(--blue-comp-distritech);
}

.focus\:border-blue-comp-distritech:focus {
    border-color: var(--blue-comp-distritech);
}

.hover\:border-blue-comp-distritech:hover {
    border-color: var(--blue-comp-distritech);
}

.bg-yellow-distritech {
    background-color: var(--yellow-distritech);
}

.svg-yellow-distritech {
    fill: var(--yellow-distritech);
}

.hover\:bg-yellow-distritech:hover {
    background-color: var(--yellow-distritech);
}

.focus\:bg-yellow-distritech:focus {
    background-color: var(--yellow-distritech);
}

.text-yellow-distritech {
    color: var(--yellow-distritech);
}

.hover\:text-yellow-distritech:hover {
    color: var(--yellow-distritech);
}

.focus\:text-yellow-distritech:focus {
    color: var(--yellow-distritech);
}

.border-yellow-distritech {
    border-color: var(--yellow-distritech);
}

.focus\:border-yellow-distritech:focus {
    border-color: var(--yellow-distritech);
}

.hover\:border-yellow-distritech:hover {
    border-color: var(--yellow-distritech);
}

.bg-yellow-comp-distritech {
    background-color: var(--yellow-comp-distritech);
}

.hover\:bg-yellow-comp-distritech:hover {
    background-color: var(--yellow-comp-distritech);
}

.focus\:bg-yellow-comp-distritech:focus {
    background-color: var(--yellow-comp-distritech);
}

.text-yellow-comp-distritech {
    color: var(--yellow-comp-distritech);
}

.hover\:text-yellow-comp-distritech:hover {
    color: var(--yellow-comp-distritech);
}

.focus\:text-yellow-comp-distritech:focus {
    color: var(--yellow-comp-distritech);
}

.border-yellow-comp-distritech {
    border-color: var(--yellow-comp-distritech);
}

.focus\:border-yellow-comp-distritech:focus {
    border-color: var(--yellow-comp-distritech);
}

.hover\:border-yellow-comp-distritech:hover {
    border-color: var(--yellow-comp-distritech);
}