.main-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80vh;
    text-align: center;
}

.main__title {
    position: relative;
    font-size: 51px;
    z-index: 2;
}

.main__title:after {
    content: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgckxsPxQLI3qKQrBf14imbi6JrRcxWaoLjycrwN6deBgdpG-Z_0KM7WpNiaxO5xeVUzz3-h0T60ZAs-mhIxqXwelUxkGxTZnu36i9pwhqKYGpS_TviHTm2iptzAbLRDV_u81v-rwHbftL8LiWItWeFbRHjqIeZvQx0tftBG2q6hhW3TgMssS8MYkT8Y20/s16000/%ED%88%AC%EC%8B%A0%EB%A1%9C%EA%B3%A0.webp");
    display: block;
    margin-top: 10px;
    text-shadow: #C38B61 1px 1px, #000 0px 0px, #000 1px 1px, #000 2px 2px, #000 3px 3px, #C38B61 4px 4px, #000 5px 5px;
    color: #FAECC5;
    opacity: 0;
    animation: fadeInEffect 1.5s ease-in-out forwards;
    filter: brightness(1) contrast(1.1) saturate(1.0) drop-shadow(1px 1px 10px black);
}

@keyframes fadeInEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.main-date {
    opacity: 0;
    position: relative;
    z-index: 3;
    font-size: 45px;
    display: flex !important;
    align-items: center;
}

.main-date span {
    font-size: 45px;
    font-weight: bold;
    filter: drop-shadow(2px 6px 3px #000);
    font-family: 'HeirofLightBold' !important;
    display: inline-block;
    line-height: 1.2;
    color: #fff;
}

.main-date span:before {
    content: "";
    display: inline-block;
    background-image: url("https://assets.playnccdn.com/static-nc-home/2.6.0/img/journey/event/prev_pc.png");
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 5px;
}

.main-date span:after {
    content: "";
    display: inline-block;
    background-image: url("https://assets.playnccdn.com/static-nc-home/2.6.0/img/journey/event/next_pc.png");
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-left: 5px;
}

@media screen and (max-width: 1024px) {
    .main-container {
        height: auto;
        padding: 10vh 0;
    }

    .main__title {
        font-size: 40px;
        margin-bottom: 5vh;
    }

    .main-date {
        font-size: 38px;
    }

    .main-date span {
        font-size: 38px;
    }

    #showsidebar1 img, #showsidebar2 img, #showsidebar3 img {
        height: 100px !important;
    }

    #showsidebar3 {
        bottom: 36% !important;
    }

    #showsidebar2 {
        bottom: 22% !important;
    }

    #showsidebar1 {
        bottom: 8% !important;
    }
}

.kit-page--fullpage-fade .kit-page__bg--player {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
    background: none;
}

.kit-page-menu .kit-page-menu__item a {
    font-family: 'HeirofLightBold';
}
