html,
body,
.bg-main {
    background-color: #252525;
    font-family: 'Poppins', sans-serif;
}

.bg-yellow {
    background-color: #ffc03f;
}

.font-gold {
    color: #f4a261 !important;
}

.bg-gold {
    background-color: #f4a261;
}

.bg-gold:hover {
    background-color: #fa9e53;
}

.bg-grey1 {
    background-color: #494949;
}

.bg-grey2 {
    background-color: #6e6e6e;
}

/* Hide the scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    width: 5px;
}

/* Hide the scrollbar for IE, Edge and Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #000000 #ffffff;
}

/* Define the scrollbar track */
::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Define the scrollbar thumb */
::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 3px;
}

/* Define the scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

.max-h-120 {
    max-height: 30em;
}

.h-120 {
    height: 30em;
}

.max-h-160 {
    max-height: 40em;
}

.aspect-16-9 {
    aspect-ratio: 16 / 9 !important;
    width: 100%;
}

.aspect-4-3 {
    aspect-ratio: 4/3 !important;
    width: 100%;
}

div.relative > div.absolute > div.text-white {
    text-shadow: 0px 0px 7px #000000;
}