:root {
    --c-blue: #19243d;
    --c-yellow: #daff00;

    --header-height: 4.25rem
}


/* 
COLORS
*/
.bg-yellow {background: var(--c-yellow);}
.bg-blue {background: var(--c-blue);}
.bg-white {background: white;}

.c-blue {color: var(--c-blue) !important;}
.c-yellow {color: var(--c-yellow) !important;}


/* 
ELEMENTS
*/
.marquee {
    position: relative;
    width: 100vw;
    max-width: 100%;
    overflow: hidden;
}
.marquee-container {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 12s linear infinite;
}
@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}

/* 
SIZING
*/
.page {margin-top: var(--header-height);}
.padding {padding: .5rem;}
.padding-s {padding: .25rem;}


/* 
DISPLAY
*/
.flex {display: flex !important;}
.flex-column {flex-direction: column;}
.jus-center {justify-content: center;}
.jus-between {justify-content: space-between;}
.jus-around {justify-content: space-around;}
.align-center {align-items: center;}


/* 
POSITION
*/
.p-relative {position: relative;}
.p-absolute {position: absolute;}


/* STATUS */
.hide {display: none;}
.hide-scrollbar::-webkit-scrollbar {display: none;}
.hide-scrollbar {-ms-overflow-style: none;scrollbar-width: none;}
.stop {overflow: hidden;}


.hide-m {display: none !important;}
.hide-m_t {display: none !important;}
.hide-m_d {display: none !important;}
@media only screen and (min-width: 768px) {
    .hide-t {display: none !important;}
    .hide-t_d {display: none !important;}
    .hide-m {display: unset !important;}
    .hide-m_d {display: unset !important;}
}
@media only screen and (min-width: 1024px) {
    .hide-d {display: none !important;}
    .hide-m_d {display: none !important;}
    .hide-m_t {display: unset !important;}
    .hide-t {display: inherit !important;}
}
.stop {overflow: hidden;}


@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 1024px) {}
@media (hover: hover) {}