body {
    font-family: 'Play', sans-serif;
}

.bg-darknox-1 {
    background-color: #121d3d;
}

.bg-grurple-1 {
    background-color: #3a3747;
}

.border-under-nox {
    border-bottom: 1px solid #404dff;
}

.border-top-nox {
    border-top: 1px solid #404dff;
}

.border-under-nox-2 {
    border-bottom: 3px solid #404dff;
}

.darkerbg {
    background-color: #0e1731;
}

@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 400;
    src: local('Orbitron Regular'), local('Orbitron-Regular'), url("/assets/fonts/ORBITRON-VARIABLEFONT_WGHT.TTF") format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: local('Play Regular'), local('Play-Regular'), url("/assets/fonts/PLAY-REGULAR.TTF") format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 700;
    src: local('Play Bold'), local('Play-Bold'), url("/assets/fonts/PLAY-BOLD.TTF") format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 400;
    src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url("/assets/fonts/PROXIMA NOVA REGULAR.OTF") format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    font-style: normal;
    font-weight: 400;
    src: local('Futura PT Regular'), local('FuturaPT-Regular'), url("/assets/fonts/FUTURAPTREGULAR.OTF") format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    font-style: normal;
    font-weight: 700;
    src: local('Futura PT Bold'), local('FuturaPT-Bold'), url("/assets/fonts/FUTURAPTBOLD.OTF") format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    font-style: normal;
    font-weight: 400;
    src: local('Futura PT Regular'), local('FuturaPT-Regular'), url("/assets/fonts/FUTURAPTMEDIUM.OTF") format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Industry Test';
    font-style: normal;
    font-weight: 400;
    src: local('Industry Test Black'), local('IndustryTest-Black'), url("/assets/fonts/INDUSTRYTEST-BLACK.OTF") format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Industry Test';
    font-style: normal;
    font-weight: 200;
    src: local('Industry Test Medium'), local('IndustryTest-Medium'), url("/assets/fonts/INDUSTRYTEST-MEDIUM.OTF") format('opentype');
    font-display: swap;
}

.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}

.font-play {
    font-family: 'Play', sans-serif;
}

.font-play-bold {
    font-family: 'Play', sans-serif;
    font-weight: 700;
}

.image-shadow-nox {
    filter: drop-shadow(0px 0px 4px #000);
}

.right-in-flex {
    justify-content: flex-end;
}

.bg-spiky-background {
    background-image: url("/assets/images/other/background.png");
    background-size: contain;
    background-repeat: repeat-y;
}

.bg-brush {
    background-image: url("/assets/images/other/brush.png");
    background-size: 100% 100%;
    background-position-y: -14vh;
    background-repeat: no-repeat;
}

.bg-frostworld {
    background-image: url("/assets/images/mainpage/fws_banner.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.moved-up {
    transform: translateY(-24vh);
}

#page-container {
    width: 100%;
}

.header-cheat {
    margin-bottom: -27vh!important;
}

.text-inverse {
    color: #fff;
    text-align: left;
}

.text-nox-1 {
    color: #404dff;
}

.mt-50 {
    margin-top: 50px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-100 {
    margin-top: 100px;
}

#musicsection {
    height: 43vh;
}

@media (max-width: 1500px) {
    #musicsection {
        height: 50vh;
    }
}

.music-link img:hover {
    filter: drop-shadow(0px 0px 6px #000);
}

#frostworldsection {
    height: 1250px;
    font-family: 'Proxima Nova', sans-serif;
}

.font-futura-bold {
    font-family: 'Futura PT', sans-serif;
    font-weight: 700;
}

.font-arial {
    font-family: 'Arial', sans-serif;
    font-weight: 400;
}

.font-arial-bold {
    font-family: 'Arial', sans-serif;
    font-weight: 700;
}

.text-youtube {
    color: #aaaaaa;
}

.mxw-80 {
    max-width: 80%;
}

.mnh-300 {
    min-height: 300px;
}

.bg-youtube {
    background-color: #0f0f0f;
}

#youtubesection {
    height: 950px;
}

.youtube-pic {
    border: 4px solid #d31c3e;
}

.separatorbar {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 265px;
    width: 100%;
    z-index: 2;
    height: 1px;
    /* Adjust height as needed */
    background-color: #3d3d3d;
    /* Adjust color as needed */
}

.channelbar {
    height: 4px;
    width: 40%;
    background-color: grey;
    margin-top: 18px;
    margin-bottom: -25px;
    z-index: 5;
}

.youtube-btn {
    background-color: #ff0000;
    color: #fff;
    font-size: 20px;
    padding: 5px 40px;
    border-radius: 40px;
    margin-top: 40px;
    font-family: 'Arial', sans-serif;
}

.text-container-channel {
    max-width: 363px;
    min-width: 363px;
    min-height: 336px;
}

.bg-speedrunner {
    background-color: #111618;
}

.border-speedrunner {
    border-top: 9px solid #199c77;
    border-bottom: 9px solid #199c77;
}

#speedrunnersection {
    height: 500px;
}

.text-8xl {
    font-size: 3rem;
    /* 48px */
    line-height: 1;
}

.text-9xl {
    font-size: 3.75rem;
    /* 60px */
    line-height: 1;
}

.font-industrial-bold {
    font-family: 'Industry Test', sans-serif;
    font-weight: 400;
}

.font-industrial {
    font-family: 'Industry Test', sans-serif;
    font-weight: 200;
}

.speedrunner-btn {
    background-color: #199c77;
    color: #fff;
    font-size: 26px;
    padding: 15px 70px;
    border-radius: 15px;
    font-family: 'Industry Test', sans-serif;
}

.bg-twitch {
    background-color: #0e0e10;
}

.twitch-btn {
    background-color: #9147ff;
    color: #fff;
    font-size: 26px;
    padding: 15px 70px;
    border-radius: 15px;
}

.footer {
    height: 300px;
}

.mx-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mx-100 {
    margin-left: 100px;
    margin-right: 100px;
}

.copyright-ctn {
    padding: 20px 0;
}