:root {
    --maxwidth: 1500px;
}

::-webkit-scrollbar-track {
    background: #DDD;
}

#Content > .Entries {
    background-color: #FFF;
}

.Entries .bolder {
    font-weight: bold;
}

.Entries .bg {
    background-repeat: repeat;
    background-size: cover;
    z-index: -6;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

.Entries .Top {
    position: relative;
    background-color: #0d160d;
    margin-top: -25px;
    padding: 0 0 220px 0;
}

    .Entries .Top .bg {
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 1;
    }

nav .Logo.Home img {
    display: inline-block;
    position: relative;
    width: 172px;
    height: auto;
    margin-left: 7em;
    /* top: 0.2em; */
    margin-top: 2em;
}

.Entries a {
    text-decoration: none;
}

section > div > div.right-item > span.big-title {
    color: #2D2C4E !important;
}

section > div > div.right-item > span.small-title {
    color: #626273 !important;
}


.section-ad-options {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

    .section-ad-options .title {
        font-size: min(25px, 5.5vw);
        font-weight: 800;
        line-height: 101%;
        justify-content: center;
        display: flex;
        margin: 5vw 0 2vw 0;
    }

    .section-ad-options .how-card {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 2vw 2vw 6vw 2vw;
        position: relative;
    }

        .section-ad-options .how-card .correct-img {
            width: 16px;
        }

    .section-ad-options .big-title {
        font-size: min(24px, 2.5vw);
        font-weight: 800;
        line-height: 101%;
        color: #210083;
    }

    .section-ad-options .small-title {
        font-size: min(18px, 2.5vw);
        font-weight: 600;
        line-height: 157%;
    }

    .section-ad-options .buttons {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }


        .section-ad-options .buttons a {
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .section-ad-options .small-text {
        color: black;
        font-size: min(16px, 2.3vw);
        font-weight: 600;
        line-height: 157%;
    }

    .section-ad-options .flexstand {
        display: flex;
        justify-content: center;
        background-color: #f2f2f2;
        border-radius: 2vw;
    }

    .section-ad-options .button {
        background-color: black;
        padding: 11px 3vw;
        text-align: center;
        transition: 0.5s;
        color: white;
        border-radius: 30px;
        display: block;
        border: none;
        position: absolute;
        bottom: 2vw;
        font-size: min(16px, 2vw);
    }

        .section-ad-options .button:is(:hover) {
            color: darkgrey;
        }




section.you-get-how-work {
    position: relative;
    display: flex;
    top: -170px;
    background-size: 100% 100%;
    width: 86vw;
    max-width: 1450px;
    margin: auto !important;
    padding: 0 !important;
}

    section.you-get-how-work .you-get-title {
        text-align: center;
        font-family: 'Noto Sans';
        font-style: normal;
        font-weight: 900;
        font-size: 40px;
        text-transform: uppercase;
    }

    section.you-get-how-work .you-get-box {
        position: relative;
        display: flex;
        background-color: white;
        margin: 20px;
    }

        section.you-get-how-work .you-get-box .you-get-description {
            position: relative;
            display: flex;
            background-color: green;
            margin: 8px;
            width: 100%;
            font-family: "Noto Sans";
            font-size: min(20px,1.6vw);
            font-weight: 600;
        }

            section.you-get-how-work .you-get-box .you-get-description .you-get-description-image {
                margin-top: 20px;
                margin-bottom: 10px;
                margin-left: 40px;
                margin-right: 40px;
                align-content: center;
            }

        section.you-get-how-work .you-get-box .you-get-description-text {
            text-align: center;
            margin: 10px;
            text-transform: uppercase;
            line-height: 35px;
        }

            section.you-get-how-work .you-get-box .you-get-description-text span.bolder {
                font-size: min(28px,2.2vw);
                font-weight: 900;
            }



    section.you-get-how-work .how-work {
        color: black;
        font-family: "Noto Sans";
        padding: 0 !important;
        margin: 40px;
    }

        section.you-get-how-work .how-work .how-work-title-1 {
            font-size: min(20px,2.3vw);
            font-weight: 800;
        }

        section.you-get-how-work .how-work .how-work-title-2 {
            font-size: min(20px,2.3vw);
            font-weight: 800;
            font-style: italic;
        }

        section.you-get-how-work .how-work .how-work-text {
            font-size: min(18px,2.3vw);
            font-weight: normal;
        }

section.calendar-card {
    position: relative;
    display: flex;
    flex-direction: column;
    top: max(-170px);
    background-size: 100% 100%;
    width: 86vw;
    max-width: 1450px;
    margin: auto !important;
    padding: 0 !important;
}

    section.calendar-card > div:first-child {
        width: 100%;
    }

    section.calendar-card .title {
        font-size: min(25px, 5.5vw);
        font-weight: 800;
        line-height: 120%;
        justify-content: center;
        display: flex;
        margin: 5vw 0 0 0;
        color: black;
        text-align: center;
    }






.section-top {
    display: flex;
    justify-content: space-between;
    margin-top: 5vw;
    margin-left: 7vw;
    margin-right: 7vw;
    gap: 64px;
}

    .section-top .left-item {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 8px;
        align-items: stretch !important;
        width: 60%;
        z-index: 2;
    }

    .section-top .right-item {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-top .big-title {
        color: #FFF;
        font-family: "Noto Sans";
        font-size: min(80px, 4vw);
        font-style: normal;
        font-weight: 900;
        line-height: min(109px, 5vw);
        text-transform: uppercase;
    }

    .section-top .small-title {
        color: #FFF;
        font-family: "Noto Sans";
        font-size: min(50px, 2.5vw);
        font-style: normal;
        font-weight: 300;
        line-height: min(63px, 3vw);
    }

        .section-top .small-title ul {
            margin-block: 0;
        }

        .section-top .small-title .smaller {
            font-size: 43px;
        }

    .section-top .emphasis {
        color: #1BB96B;
    }

    .section-top .buttons {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }

    .section-top .pre-register {
        box-sizing: border-box;
        background-color: #1BB96B;
        color: #FFF;
        font-size: min(28px, 4vw);
        font-weight: 400;
        text-transform: uppercase;
        border-radius: 4px;
        padding: 14px 36px !important;
        width: auto !important;
        margin-top: 25px;
    }

.pre-register {
    width: 215px !important;
    /*box-shadow: none !important;*/
    padding: 15px 15px !important;
}

.Entries .Top a.button {
    background-color: #B8010D;
    padding: 20px 25px;
    color: white;
    display: inline-block;
    font-size: 16px;
}

#Content {
    background-color: #0d160d;
}

.return-to-game > a {
    box-sizing: border-box;
    background-color: #1bb96b;
    color: #fff;
    font-size: min(28px, 2vw);
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 14px 36px !important;
    width: auto !important;
    margin-top: 25px;
    text-decoration: none;
}

@media screen and (max-width: 960px) {

    .section-ad-options .flexstand {
        padding: 2vw;
    }

    .launch-sponsor-img {
        display: none;
    }

    .flexstand.mb.reverse {
        flex-direction: column-reverse !important;
    }

    section > div.section-top {
        padding-top: 65px !important;
        padding-bottom: 10vw !important;
        justify-content: space-between !important;
    }

    .section-top .right-item {
        justify-content: center !important;
    }

    .Entries .Top {
        margin-top: -5px;
        padding: 0 10px 100px 16px;
    }

    nav .Logo.Home img {
        height: 50px !important;
        width: auto;
        top: 14px !important;
    }

    section > div {
        padding: 40px 20px;
    }

    section .left-item > img {
    }

    section .right-item > img {
        width: 75% !important;
    }

    .section-top .big-title {
        font-size: min(58px, 6.5vw);
        padding-right: 12vw;
        line-height: 1.2;
    }

    .section-top .small-title {
        font-size: min(40px, 4vw);
        line-height: 1.2;
    }

        .section-top .small-title .smaller {
            font-size: 23px;
        }

    .section-top .pre-register {
        width: 100% !important;
    }

    section.you-get-how-work .you-get-title {
        font-size: 28px;
    }

    section.you-get-how-work .you-get-box .you-get-description .you-get-description-image {
        display: none !important;
    }

    .section-ad-options .how-card {
        align-items: flex-start !important;
        padding-bottom: 65px;
    }
}

@media screen and (min-width: 1800px) {
    nav {
        max-width: 1600px;
        margin: auto;
    }

        nav .Logo.Home img {
            margin-left: 0;
        }

        nav .Links {
            right: 0;
        }

    .top-half {
        background-color: #0d160d;
    }

        .top-half section {
            max-width: 1600px;
            margin: auto;
        }

            .top-half section > div {
                margin-left: 0;
                margin-right: 0;
            }

}