#section-3-222>.ct-section-inner-wrap {
    max-width: 1920px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

#section-3-222 {
    background-image: linear-gradient(#191919, #000000);
    text-align: left;
    background-attachment: fixed
}

#div_block-4-222 {
    background-image: linear-gradient(#010310, #01193f);
    flex-direction: column;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-attachment: fixed;
    padding-bottom: 0%
}

#div_block-5-222 {
    display: none
}

#div_block-14-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 50%
}

#div_block-16-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 100%
}

#div_block-17-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 100%
}

#div_block-19-222 {
    display: none;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 100%
}

#div_block-21-222 {
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    display: flex;
    width: 100%
}

#div_block-22-222 {
    text-align: center;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    display: flex;
    width: 90%
}

#div_block-23-222 {
    width: 60%;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

#div_block-78-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 100%
}

#div_block-28-222 {
    flex-direction: row;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 90%;
    z-index: 10
}

#re {
    background-image: linear-gradient(#ffffc6, #c49430);
    flex-direction: column;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 50%;
    border-radius: 20px;
    margin-right: 2.2%;
    box-shadow: inset 0 0 8px 6px rgba(251, 228, 148, .53)
}

#log {
    background-image: linear-gradient(#ffffc6, #c49430);
    flex-direction: column;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 50%;
    border-radius: 20px;
    box-shadow: inset 0 0 8px 6px rgba(251, 228, 148, .53)
}

#div_block-33-222 {
    flex-direction: row;
    display: flex;
    text-align: center;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding-top: 2%;
    padding-bottom: 1.6%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 0%;
    box-shadow: inset 0 20px 30px 0 #082349;
    background: linear-gradient(-10deg, #052b62, #072348, #081c35, #0a1a31);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite
}

#div_block-35-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 25%;
    align-items: center;
    justify-content: center;
    margin-bottom: 3%
}

#div_block-37-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 0
}

#div_block-40-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 18%;
    margin-bottom: 2%
}

#div_block-42-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: center;
    align-items: center
}

#div_block-45-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 18%;
    margin-bottom: 2%
}

#div_block-47-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: center;
    align-items: center
}

#div_block-50-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 18%;
    margin-bottom: 2%
}

#div_block-52-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: center;
    align-items: center
}

#line1 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 20%
}

#div_block-55-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 18%;
    margin-bottom: 2%
}

#div_block-57-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: center;
    align-items: center
}

#div_block-60-222 {
    background-image: linear-gradient(#0f0f0f, #000000);
    flex-direction: column;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding-top: 1.2%;
    padding-bottom: 2%;
    margin-top: 0%
}

#div_block-61-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1%
}

#div_block-63-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 35%
}

#div_block-64-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 3%
}

#div_block-66-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%
}

#div_block-69-222 {
    flex-direction: row;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: .6%;
    background-color: #000;
    padding-bottom: .6%
}

#line2 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 4.5%;
    z-index: 10;
    position: fixed;
    right: 1%;
    top: 30%;
    padding-top: .6%;
    border-radius: 6px
}

@media(max-width:1120px) {
    #div_block-14-222 {
        width: 70%
    }
}

@media(max-width:1120px) {
    #re {
        border-radius: 15px;
        box-shadow: inset 0 0 6px 2px rgba(251, 228, 148, .53)
    }
}

@media(max-width:1120px) {
    #log {
        border-radius: 15px;
        box-shadow: inset 0 0 6px 2px rgba(251, 228, 148, .53)
    }
}

@media(max-width:1120px) {
    #div_block-60-222 {
        width: 70%
    }
}

@media(max-width:1120px) {
    #div_block-63-222 {
        width: 45%
    }
}

@media(max-width:1120px) {
    #line2 {
        width: 5.5%
    }
}

@media(max-width:991px) {
    #div_block-14-222 {
        width: 80%
    }
}

@media(max-width:991px) {
    #re {
        border-radius: 12px
    }
}

@media(max-width:991px) {
    #log {
        border-radius: 12px
    }
}

@media(max-width:991px) {
    #div_block-60-222 {
        width: 80%
    }
}

@media(max-width:991px) {
    #line2 {
        width: 6.5%
    }
}

@media(max-width:479px) {
    #div_block-5-222 {
        display: flex;
        width: 100%;
        flex-direction: column;
        text-align: left;
        align-items: center;
        justify-content: center;
        border-bottom-color: rgba(255, 255, 255, .75);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-top: 1.6%;
        padding-bottom: 1.6%;
        box-shadow: 0 0 5px 2px rgba(255, 203, 45, .35);
        background: linear-gradient(90deg,#000000,#000000,#081c35,#0a1a31);
        background-size: 400% 400%;
        animation: gradient 5s ease infinite
    }
}

@media(max-width:479px) {
    #div_block-6-222 {
        flex-direction: row;
        display: flex;
        text-align: left;
        align-items: center;
        justify-content: center;
        width: 95%
    }
}

@media(max-width:479px) {
    #div_block-7-222 {
        flex-direction: column;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: flex-start;
        width: 15%;
        z-index: 25
    }
}

@media(max-width:479px) {
    #div_block-10-222 {
        flex-direction: column;
        display: flex;
        text-align: left;
        align-items: center;
        justify-content: center;
        width: 55%
    }
}

@media(max-width:479px) {
    #div_block-12-222 {
        flex-direction: column;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: flex-start;
        width: 15%;
        z-index: 25
    }
}

@media(max-width:479px) {
    #div_block-14-222 {
        width: 100%;
        margin-bottom: 0%
    }
}

@media(max-width:479px) {
    #div_block-17-222 {
        display: none
    }
}

@media(max-width:479px) {
    #div_block-19-222 {
        display: flex
    }
}

@media(max-width:479px) {
    #div_block-21-222 {
        justify-content: flex-end
    }
}

@media(max-width:479px) {
    #div_block-22-222 {
        width: 95%
    }
}

@media(max-width:479px) {
    #div_block-23-222 {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        display: flex
    }
}

@media(max-width:479px) {
    #div_block-28-222 {
        width: 103%;
        position: relative
    }
}

@media(max-width:479px) {
    #re {
        border-radius: 15px;
        margin-right: 1%
    }
}

@media(max-width:479px) {
    #log {
        border-radius: 15px
    }
}

@media(max-width:479px) {
    #div_block-33-222 {
        display: none;
        margin-bottom: 0%
    }
}

@media(max-width:479px) {
    #div_block-60-222 {
        width: 100%;
        padding-top: 4%;
        padding-bottom: 6%;
        margin-top: 0%
    }
}

@media(max-width:479px) {
    #div_block-61-222 {
        width: 61%;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        display: flex
    }
}

@media(max-width:479px) {
    #div_block-63-222 {
        width: 70%
    }
}

@media(max-width:479px) {
    #div_block-69-222 {
        padding-top: 2%;
        padding-bottom: 4%
    }
}

@media(max-width:479px) {
    #line2 {
        width: 15%
    }
}

#text_block-30-222 {
    color: #1b1b1b;
    font-style: italic;
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding-top: 4.5%;
    padding-bottom: 4.5%;
    border-radius: 20px;
    transition-duration: .4s;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px
}

#text_block-30-222:hover {
    background-image: linear-gradient(#333333, #000000);
    border-top-color: #efa90d;
    border-right-color: #efa90d;
    border-bottom-color: #efa90d;
    border-left-color: #efa90d;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    color: #fdd853;
    box-shadow: 0 0 12px 2px rgba(239, 169, 13, .7)
}

#text_block-32-222 {
    color: #1b1b1b;
    font-style: italic;
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding-top: 4.5%;
    padding-bottom: 4.5%;
    border-radius: 20px;
    transition-duration: .4s;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px
}

#text_block-32-222:hover {
    background-image: linear-gradient(#333333, #000000);
    border-top-color: #efa90d;
    border-right-color: #efa90d;
    border-bottom-color: #efa90d;
    border-left-color: #efa90d;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    color: #fdd853;
    box-shadow: 0 0 12px 2px rgba(239, 169, 13, .7)
}

#text_block-38-222 {
    color: #fff;
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    font-weight: 500;
    font-style: italic;
    transition-duration: .4s
}

#text_block-38-222:hover {
    color: #ffdf58;
    text-shadow: 0 0 5px #000
}

#text_block-43-222 {
    color: #fff;
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    font-weight: 500;
    font-style: italic;
    transition-duration: .4s
}

#text_block-43-222:hover {
    color: #ffdf58;
    text-shadow: 0 0 5px #000
}

#text_block-48-222 {
    color: #fff;
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    font-weight: 500;
    font-style: italic;
    transition-duration: .4s
}

#text_block-48-222:hover {
    color: #ffdf58;
    text-shadow: 0 0 5px #000
}

#text_block-53-222 {
    color: #fff;
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    font-weight: 500;
    font-style: italic;
    transition-duration: .4s
}

#text_block-53-222:hover {
    color: #ffdf58;
    text-shadow: 0 0 5px #000
}

#text_block-58-222 {
    color: #fff;
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    font-weight: 500;
    font-style: italic;
    transition-duration: .4s
}

#text_block-58-222:hover {
    color: #ffdf58;
    text-shadow: 0 0 5px #000
}

#text_block-65-222 {
    font-size: clamp(1.0625rem, calc(1.0625rem + ((1vw - 0.3rem) * 0.625)), 1.625rem);
    min-height: 0;
    color: #ffdf58;
    font-weight: 400
}

#text_block-70-222 {
    font-size: clamp(0.6rem, calc(0.6rem + ((1vw - 0.3rem) * 0.5556)), 1.1rem);
    color: #fff
}

@media(max-width:1120px) {
    #text_block-30-222 {
        border-radius: 15px
    }
}

@media(max-width:1120px) {
    #text_block-32-222 {
        border-radius: 15px
    }
}

@media(max-width:991px) {
    #text_block-30-222 {
        border-radius: 12px
    }
}

@media(max-width:991px) {
    #text_block-32-222 {
        border-radius: 12px
    }
}

@media(max-width:479px) {
    #text_block-13-222 {
        color: transparent;
        font-size: 0
    }
}

@media(max-width:479px) {
    #text_block-30-222 {
        border-radius: 15px
    }
}

@media(max-width:479px) {
    #text_block-32-222 {
        border-radius: 15px
    }
}

@media(max-width:479px) {
    #text_block-70-222 {
        font-size: 12px
    }
}

#link-9-222 {
    width: 70%;
    flex-direction: column;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
    margin-bottom: 2%;
    z-index: 10
}

#link-24-222 {
    width: 70%;
    flex-direction: column;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
    margin-bottom: 2%;
    z-index: 10
}

#link-34-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 20%
}

#link-39-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 20%
}

#link-44-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 20%
}

#link-49-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 20%
}

#link-71-222 {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 6%
}

@media(max-width:1120px) {
    #link-71-222 {
        width: 7%
    }
}

@media(max-width:479px) {
    #link-9-222 {
        width: 70%;
        z-index: 22;
        margin-bottom: 0
    }
}

@media(max-width:479px) {
    #link-24-222 {
        width: 36%;
        display: none
    }
}

@media(max-width:479px) {
    #link-71-222 {
        width: 20%
    }
}

#image-11-222 {
    height: 100%;
    width: 100%;
    transition-duration: .4s
}

#image-11-222:hover {
    transform: translate(7px);
    filter: brightness(150%)
}

#image-18-222 {
    height: 100%;
    width: 100%
}

#image-20-222 {
    height: 100%;
    width: 100%
}

#image-25-222 {
    height: 100%;
    width: 70%;
    transition-duration: .4s
}

#image-25-222:hover {
    transform: translate(7px);
    filter: brightness(150%)
}

#image-80-222 {
    height: 100%;
    width: 100%
}

#image-36-222 {
    height: 100%;
    width: 100%;
    transition-duration: .6s
}

#image-36-222:hover {
    transform: translateY(-3px)
}

#image-41-222 {
    height: 100%;
    width: 100%;
    transition-duration: .6s
}

#image-41-222:hover {
    transform: translateY(-3px)
}

#image-46-222 {
    height: 100%;
    width: 100%;
    transition-duration: .6s
}

#image-46-222:hover {
    transform: translateY(-3px)
}

#image-51-222 {
    height: 100%;
    width: 100%;
    transition-duration: .6s
}

#image-51-222:hover {
    transform: translateY(-3px)
}

#image-56-222 {
    height: 100%;
    width: 100%;
    transition-duration: .6s
}

#image-56-222:hover {
    transform: translateY(-3px)
}

#image-67-222 {
    height: 100%;
    width: 100%;
    transition-duration: .4s
}

#image-67-222:hover {
    filter: contrast(125%)
}

#image-72-222 {
    height: 100%;
    width: 100%
}

#image-72-222:hover {
    filter: contrast(150%)
}

#image-74-222 {
    height: 100%;
    width: 100%;
    transition-duration: .4s
}

#image-74-222:hover {
    transform: translateY(-7px);
    filter: hue-rotate(87deg)
}

#fancy_icon-77-222 {
    color: #ffd000
}

#fancy_icon-77-222>svg {
    width: 25px;
    height: 25px
}

@media(max-width:1120px) {
    #fancy_icon-77-222>svg {
        width: 22px;
        height: 22px
    }
}

#code_block-62-222 {
    font-size: clamp(0.6rem, calc(0.6rem + ((1vw - 0.3rem) * 0.5556)), 1.1rem)
}

#code_block-68-222 {
    position: fixed;
    top: 0;
    width: 100%;
    float: right;
    display: flex
}

@media(max-width:479px) {
    #code_block-68-222 {
        opacity: .35
    }
}

@media(max-width:479px) {
    #shortcode-81-222 {
        width: 100%
    }
}

#_superbox-15-222 {
    width: 100%;
    superbox-editing-mode: as_not_hovered
}