body {
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button {
    background-color: transparent;
    color: transparent
}
#info_change {
    color:red; width:100%;margin:3em auto;font-size:2em;
}
.taskMainContainer {
    background-image: url(/static/media/tasks700_8.5d0a62adedbc5b83d566.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -2em;
    padding-bottom: 3em;
    padding-top: 3em
}

.h1_test {
    background: linear-gradient(90deg, #fbe22b00, #18c0e8 50%, #a818e800);
    color: #fff;
    margin: 2em auto;
    text-align: center;
    text-shadow: 0 0 1px #fff;
    width: 100%
}

.h1_test .fontSize_07em {
    font-size: .7em;
    font-weight: 400
}

.h2_test {
    color: #686868;
    margin: 1em auto;
    text-align: center;
    text-shadow: 0 0 10px #fff;
    width: 100%
}

.BeforeTask {
    font-size: 1.2em;
    margin: 0;
    text-align: center
}

.containerTaskRead {
    background-color: #dbdbdb80;
    background-position: 50%;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100%;
    border-bottom: 5px solid #fff;
    border-radius: 1em;
    border-bottom-left-radius: 10em;
    border-bottom-right-radius: 10em;
    box-shadow: 0 30px 40px #3494b7;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    overflow: hidden;
    transition: .5s
}

.containerTaskRead .praise {
    align-items: center;
    border-bottom: none;
    border-radius: 2em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    min-height: 3em
}

.containerTaskRead .praise .praiseText {
    flex: 0 1 70%;
    padding: .5em 0;
    text-align: center
}

.containerTaskRead:hover {
    filter: brightness(103%);
    transition: .5s
}

.quest {
    align-items: center;
    border-left: none;
    border-right: none;
    color: #3d3d3d;
    display: flex;
    flex-flow: row nowrap;
    height: 5em;
    justify-content: center;
    margin: 3em 0;
    padding: .5em 10%;
    transition: .6s
}

.quest:hover,
.questText {
    transition: .4s
}

.questText {
    background-color: #fff;
    border-radius: 3em;
    box-shadow: 100px 0 0 #fff, -100px 0 0 #fff, 0 0 50px #bccac9;
    flex: 0 1 90%;
    padding: .6em .1em;
    text-align: center
}

.quest:hover .questText {
    box-shadow: 100px 0 0 #fff, -100px 0 0 #fff, 0 0 30px #5eb1c2;
    transform: scale(1.2);
    transition: .4s
}

.containerChoices {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly
}

.containerChoice {
    align-items: center;
    display: flex;
    flex: 0 1 45%;
    flex-flow: row nowrap;
    justify-content: center;
    min-height: 6em
}

.choice1 {
    flex: 0 1 100%;
    height: 100%;
    padding-top: 1em;
    text-align: center
}

.read_choice_back {
    background: linear-gradient(0deg, #d6ff98, #72ffef 20%, #7dcdff 60%, #66deff 80%, #98ffc5);
    background: linear-gradient(90deg, #a5e04c, #22c6b3 20%, #2384c0 60%, #1d95b6 80%, #74ffb0);
    border: 1px solid #ffbe79b3;
    border-radius: 3em;
    cursor: pointer;
    touch-action: manipulation;
    transition: .3s;
    transition: 1s;
    -webkit-user-select: none;
    user-select: none
}

.read_choice_front {
    background-color: #ffffffe6;
    border: 2px solid #89e5ffb3;
    border-bottom: 3px solid #42d6ffb3;
    border-radius: 3em;
    box-shadow: 0 6px 0 #40404033;
    color: #626262;
    font-size: 1rem;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-2px);
    transition: .6s
}

.read_choice_back:hover {
    background: linear-gradient(90deg, #fdff74, #22c6b3 20%, #2384c0 60%, #1d95b6 80%, #fdff74);
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
    transition: 1s
}

.read_choice_back:hover .read_choice_front {
    box-shadow: 0 14px 10px #0c374766;
    filter: contrast(110%);
    transform: translateY(-4px);
    transition: .3s
}

.read_choice_back:active {
    background: linear-gradient(90deg, #70e17a, #e6cd20 30%, #d18818 77%, #aea066)
}

.read_choice_back:active .read_choice_front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.nextTask_back {
    background: linear-gradient(90deg, #265e57, #5dd11a 20%, #7cb669 80%, #31ac35);
    border: 1.5px solid #d1a64a;
    border-radius: 5em;
    cursor: pointer;
    margin: 4em auto 0;
    text-align: center;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 50%
}

.nextTask_front {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(0deg, #2bfbf180, #79e8184d 59%, #1876e866);
    border-bottom: 1px solid #bed9ff;
    border-top: 1px solid #bed9ff;
    border-color: #c2e7ff #bed9ff #b5e6ff;
    border-radius: 5em;
    border-style: solid;
    border-width: 1.5px 1px 2px;
    box-shadow: 0 6px 0 #40404033;
    color: #fff;
    font-weight: 400;
    padding: .5em 1em;
    text-shadow: 0 0 3px #bdb522, 0 0 15px #fff;
    transform: translateY(-2px);
    transition: .6s;
    width: 100%
}

.nextTask_back:hover {
    filter: brightness(102%);
    -webkit-filter: brightness(102%)
}

.nextTask_back:hover .nextTask_front {
    box-shadow: 0 14px 10px #2c2c2c4d;
    transform: translateY(-4px);
    transition: .3s
}

.nextTask_back:active {
    background: linear-gradient(90deg, #97b0b4, #20c8e6 30%, #18a6d1 77%, #a4cfc6);
    background: linear-gradient(90deg, #4ab3a7, #7af831 20%, #a7ee8f 80%, #55e25a)
}

.nextTask_back:active .nextTask_front {
    border-bottom: 2px solid #ffce72;
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.scoreTask {
    background-color: #fff;
    border: 2px solid #45b359;
    border-bottom: 0;
    border-radius: 3em;
    font-size: 1em;
    margin: 2em 2em 0;
    padding: .1em;
    text-align: center
}

.fillTask {
    background-color: #4dd84d;
    border-radius: 2px;
    color: #0000;
    height: .5em;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 0
}

.try2 {
    background-color: #e9ffff;
    border: 2px solid gray;
    border-radius: .5em;
    flex: 0 1 45%;
    font-size: 1.5em;
    margin-bottom: .5em;
    padding-bottom: 1em;
    padding-left: .4em;
    padding-right: .4em;
    text-align: center
}

.SoundChoose2 {
    background: #edfeff;
    background: radial-gradient(circle, #edfeff 0, #87d2e2 64%, #369093 100%);
    border: 2px solid #7f7f7f;
    border-radius: 50px;
    height: 1.7em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 1.7em
}

.SoundChoose2:hover {
    background-color: #d5d5d5;
    border: 2px solid #72bbd8;
    box-shadow: 2px 2px 7px #318d9d, -5px -5px 17px #a0f2ff;
    transition: .3s ease-out
}

.textareaWrite {
    display: block;
    font-size: 1.4em;
    letter-spacing: .08em;
    text-align: center;
    width: 100%
}

.colorRight {
    border: 1px solid #42d763;
    border-bottom: 4px solid #90ecbb;
    box-shadow: 0 0 10px #67ce7d;
    color: #57c35b;
    text-shadow: none;
    transition: .2s ease
}

.fireworks:after {
    box-shadow: -33px -45px 3px #2cc2cf, -12px -37px 3px #2cc2cf, 35px 31px 3px #2cc2cf, 34px -29px 1px #2cc2cf, -28px -23px 1px #2cc2cf, -56px -45px 3px #2cc2cf, -43px 51px 3px #2cc2cf, 47px -52px 3px #2cc2cf, -39px -43px 1px #2cc2cf, 46px 52px 1px #2cc2cf, 33px 45px 2px #2cc2cf, 12px 37px 2px #2cc2cf, 35px 31px 2px #2cc2cf, 34px -29px 2px #2cc2cf, -28px -23px 2px #2cc2cf, -33px -45px 3px #2cc2cf, -12px -37px 3px #2cc2cf, 35px 31px 3px #2cc2cf, 34px -29px 1px #2cc2cf, -28px -23px 1px #2cc2cf, -56px -45px 3px #2cc2cf, -43px 51px 3px #2cc2cf, 47px -52px 3px #2cc2cf, -39px -43px 1px #2cc2cf, 46px 52px 1px #2cc2cf, 33px 45px 2px #2cc2cf, 12px 37px 2px #2cc2cf, 35px 31px 2px #2cc2cf, 34px -29px 2px #2cc2cf, -28px -23px 2px #2cc2cf;
    color: #fff;
    height: 2px;
    width: 2px
}

.fireworks:after,
.fireworks:before {
    border-radius: 1em;
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -2
}

.fireworks:before {
    box-shadow: 33px 45px 3px #90cacf, 12px 37px 3px #8acacf, -35px -31px 3px #2ccf4a, -34px 29px 1px #0ecc86, 28px 23px 1px #a3e0ae, 56px 45px 3px #5a9196, 43px -51px 3px #09ba23, -47px 52px 3px #7acfd7, 39px 43px 1px #a8dadf, -46px -52px 1px #08c611, -33px -5px 2px #66bd72, -12px -37px 2px #07cc0a, 35px 31px 2px #51a263, 34px 5px 2px #09cd0d, -28px -34px 2px #0ae011, 33px 45px 3px #90cacf, 12px 4px 3px #8acacf, -35px -31px 50px #2ccf4a, -34px 3px 1px #0ecc86, -3px 23px 1px #a3e0ae, 0 45px 3px #5a9196, 0 -51px 3px #09ba23, -47px 0 3px #7acfd7, 0 46px 1px #a8dadf, -46px 0 1px #08c611, -33px -45px 2px #66bd72, 0 -37px 2px #07cc0a, 35px 28px 2px #51a263, 2px -29px 2px #09cd0d, -28px 0 2px #0ae011;
    height: 3px;
    transform: rotate(180deg);
    width: 3px
}

.colorRight:hover+.fireworks:after,
.colorRight:hover+.fireworks:before {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: scaleITsmall;
    animation-timing-function: ease-out;
    z-index: 1
}

@keyframes scaleITsmall {
    0% {
        height: 0;
        opacity: 0;
        transform: scale(0);
        width: 0
    }

    50% {
        height: 2px;
        opacity: 1;
        width: 2px
    }

    to {
        height: 0;
        opacity: 0;
        transform: scale(3);
        width: 0
    }
}

.colorWrong {
    border: 1px solid #fda59b;
    border-bottom: 4px solid #fbb3ab;
    box-shadow: 0 0 10px #d97058;
    color: #d37373;
    transition: .2s ease
}

.transparent {
    color: #0000
}

@media (min-width:100px) and (max-width:600px) {
    .containerTaskRead {
        width: 95%
    }
}

@media (min-width:600px) and (max-width:1000px) {
    .containerTaskRead {
        font-size: 1em;
        width: 60%
    }
}

@media (min-width:1000px) and (max-width:2000px) {
    .containerTaskRead {
        font-size: 1em;
        width: 40%
    }
}

@media (min-width:2000px) {
    .containerTaskRead {
        font-size: 1em;
        width: 30%
    }
}

* {
    border: none;
    -webkit-user-select: none;
    user-select: none
}

button {
    display: block
}

.container {
    align-items: center;
    border: 3px solid gray;
    display: flex;
    flex-flow: row nowrap;
    justify-content: start;
    width: 100%
}

.back,
.container {
    -webkit-user-select: none;
    user-select: none
}

.back {
    background: linear-gradient(90deg, #7e6c31, #1ab6d1 20%, #b0a015 80%, #866541);
    border: 1.5px solid #c3c3c3b3;
    border-radius: .5em;
    cursor: pointer;
    display: block;
    text-align: center;
    touch-action: manipulation;
    transition: .3s
}

.front {
    background-image: linear-gradient(#6a96c8, #83ffecb3 80%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid #bed9ff;
    border-top: 1px solid #bed9ff;
    border-color: #c2e7ff #bed9ff #b3d9ff;
    border-radius: .5em;
    border-style: solid;
    border-width: 2px 1px;
    box-shadow: 0 6px 0 #40404033;
    color: #fff;
    font-weight: 700;
    padding: .5em 1em;
    text-shadow: 0 0 5px #68380f, 0 0 10px #fff;
    transform: translateY(-2px);
    transition: .6s
}

.back:hover {
    filter: brightness(110%);
    filter: contrast(120%);
    -webkit-filter: brightness(110%);
    -webkit-filter: contrast(120%)
}

.back:hover .front {
    box-shadow: 0 14px 10px #2c2c2c4d, 0 0 5px #4d4d4d;
    transform: translateY(-4px);
    transition: .3s
}

.back:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

.back:active .front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.box_Word_Sound {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-flow: row nowrap;
    height: auto;
    justify-content: center
}

.box_Word_Sound,
.word_holder_back {
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.word_holder_back {
    background-color: #b5efff;
    border-radius: .5em;
    cursor: pointer;
    text-align: center;
    touch-action: manipulation;
    transition: .3s;
}
 .word_holder_back   span {
        align-items: center;
        display: block;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
}
 .word_holder_back       span {
            background-color: #f1f1f1;
            border-radius: .6em;
            display: block;
            font-size: 1.1em;
            padding: .8em 0
        }
    


.word_holder_front {
    background-color: #f6f6f699;
    border-bottom: 2px solid #b3d9ff;
    border-radius: .5em;
    box-shadow: 0 6px 5px #7e7e7e66;
    display: block;
    min-height: 3em;
    padding: .2em;
    transform: translateY(-2px);
    transition: .6s;
    -webkit-user-select: none;
    user-select: none
}

.word_holder_back:hover {
    background-color: #a1a1a1;
    filter: brightness(110%);
    filter: contrast(120%);
    -webkit-filter: brightness(110%);
    -webkit-filter: contrast(120%)
}

.word_holder_back:hover .word_holder_front {
    box-shadow: 0 14px 10px #2c2c2c4d, 0 0 5px #c1c1c1;
    transform: translateY(-3px);
    transition: .3s
}

.word_holder_back:active {
    box-shadow: 0 0 5px #999;
    transition: .1s
}

.word_holder_back:active .word_holder_front {
    border-bottom: 3px solid #a9c7af;
    box-shadow: 0 2px 2px #ababab;
    color: #0000;
    filter: brightness(130%);
    filter: contrast(110%);
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms;
    transition: .1s
}

.word_holder_TEXT {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    font-weight: bolder;
    height: 100%;
    padding: 1.8em;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.btn_sound_back {
    align-items: center;
    background-image: url(../media/speakerSuper_notActive3_my1.png);
    background-size: 123%;
    border-radius: 40em;
    box-shadow: 0 0 3px #fff, 0 0 4px #fff, 3px 3px 7px #de67ff, 3px -3px 7px #7dff79, -3px 3px 7px #6acbff, -3px -3px 7px #90ffe1;
    box-shadow: 3px 3px 7px #de67ff, 3px -3px 7px #56ff50, -3px 3px 7px #6acbff, -3px -3px 7px #81ffdd;
    box-shadow: 0 0 3px #fff, 0 0 4px #fff, 3px 3px 7px #d437ff, 3px -3px 7px #42ff3b, -3px 3px 7px #32b7ff, -3px -3px 7px #37ffca;
    display: block;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    touch-action: manipulation;
    transition: .3s
}

.btn_sound_back,
.btn_sound_front {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

.btn_sound_front {
    background-image: url(../media/speakerSuper_notActive4_my_small.png);
    background-size: 1.6em;
    border-radius: 2em;
    display: block;
    height: 2.3em;
    margin: 0;
    opacity: 1;
    transition: .6s;
    width: 2.3em
}

.btn_sound_back:hover {
    background-size: 118%;
    transform: scale(1.07)
}

.btn_sound_back:hover .btn_sound_front {
    background-size: 1.65em;
    transition: .3s
}

.btn_sound_back:active,
.btn_sound_back:hover .btn_sound_front {
    filter: contrast(110%);
    filter: brightness(120%);
    -webkit-user-select: none;
    user-select: none
}

.btn_sound_back:active {
    background-size: 117%;
    box-shadow: 0 0 3px #fff, 0 0 4px #fff, 3px 3px 7px #3787ff, 3px -3px 7px #42ff3b, -3px 3px 7px #3ae476, -3px -3px 7px #45cba7;
    transform: scale(.98);
    transition: .1s
}

.btn_sound_back:active .btn_sound_front {
    background: linear-gradient(0deg, #13bdff, #f25dfe 100%, );
    background-size: 1.8em;
    filter: contrast(150%);
    filter: brightness(90%);
    text-shadow: none;
    transform: rotate(-10deg);
    transition: .1s;
    -webkit-user-select: none;
    user-select: none
}

.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.theme_table_background {
    background: linear-gradient(90deg, #fff, #ff9913 34%, #5deefe 66%, #fff);
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -2em;
    padding-top: 2em
}

button {
    background-color: initial;
    border: none;
    color: #0000;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 100%;
    font-weight: 400;
    margin: 0;
    outline: none;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none
}

table {
    background-color: #fff;
    border-collapse: collapse;
    border-radius: 2em;
    box-shadow: 0 0 10px #fff, 0 0 5px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 40px #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;


}
    .td_Theme {
        color: #34b900;
        cursor: auto;
        padding: 2em 0
    }
caption {
    color: #e11111;
    font-weight: 700;
    padding: .5em
}

caption,
thead {
    text-align: center
}

thead {
    z-index: 1;
    z-index: -20
}

tfoot {
    border-radius: .5em;
    bottom: 0;
    margin: 0;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    width: 100vw
}

.num:after {
    content: "";
    padding: .1em
}

tfoot tr .num {
    background-color: #fff;
    border-radius: 3em;
    border-bottom-left-radius: 4em;
    box-shadow: 0 0 20px #fff
}

tfoot tr td {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
    padding: 0;
    width: 50%
}

.tr {
    transition: .2s;
    z-index: -1
}

tr:hover .num {
color: rgb(76, 76, 76);
transition: .7s;
}

tbody .tr {
    z-index: -20
}

th {
    color: #535353
}

td,
th {
    text-align: center
}

td {
    padding: 0;
    cursor: pointer;
    font-size: 1em;
    margin: 0;
    transition: .5s
}

.en_color {
    color: #cd641f
}

.pl_color {
    color: #047ba6
}

.en_word {
    color: #565656;
    font-size: 1em
}

.EN {
    align-items: center;
    color: #cd641f;
    /*padding: 2em 0;*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    
}

.EN,
.EN_ini_Color {
    border-radius: 0;
    transition: 1s
}

.EN_ini_Color {
    color: #565656
}
.EN_wrapper_soundText {
  
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    color: rgb(205, 100, 31);
    border-radius: 0;
    transition: 1s;
}
.PL {
    color: #047ba6;
    font-weight: bolder
}

.PL_ini_Color {
    color: #626262
}

.PL:hover {
    transition: box-shadow .3s
}

.num {
    margin: 0;
    padding: 0;
    padding-left: 0.1em;
    padding-right: 0.2em;
    
    font-size: 1em;
    font-weight: 100;
    color: transparent;
    transition: .4s;
}

.num,
.numHead {
    font-size: 1em;
    font-weight: 100;
    margin: 0
}

.numHead {
    color: #676767;
    padding: 0
}

.enHead {
    border-bottom: 3px solid #fa9450;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    color: #a74606
}

.enHead,
.plHead {
    background-color: #fff;
    padding: 1.2em 0;
    text-shadow: 2px 3px 5px #fff, 1px 1px 10px #fff
}

.plHead {
    border-bottom: 3px solid #3a95b6;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    color: #037098
}

.hide {
    color: #0000;
    visibility: hidden
}

.hide,
.trans {
    transition: .5s
}

.trans {
    font-weight: 400
}

.stress {
    color: #595959;
    font-size: 1.1em;
    font-weight: 700
}

.sound_small,
.specialSound {
    color: red;
    font-weight: 700
}

.sound_small {
    font-size: .8em
}

.red {
    color: red;
    font-weight: 700
}

.gray {
    color: #555;
    font-size: .9em;
    font-weight: 400
}

.subTheme {
    color: gray
}

.none {
    border-radius: 3em;
    display: none
}

@media (max-aspect-ratio:1/1) {

    .td_hides,
    .trans {
        display: none
    }
}

@media only screen and (max-width:360px) {
    .num {
        display: none
    }

    thead th:nth-child(2) {
        border-top-left-radius: 20px
    }
}

@media (min-width:360px) and (max-width:600px) {
    table {
        width: 100%
    }
}

@media (min-width:600px) and (max-width:1000px) {
    table {
        font-size: 1.1em;
        width: 80%
    }
}

@media (min-width:1000px) and (max-width:2000px) {
    table {
        font-size: 1.2em;
        width: 50%
    }
}

@media (min-width:2000px) {
    table {
        font-size: 1.4em;
        width: 50%
    }
}

@media (min-width:3000px) {
    table {
        font-size: 1.4em;
        width: 40%
    }
}

.btn_EN {
    background: linear-gradient(90deg, #315f7e, #e6cd20 30%, #d18818 77%, #405b7a);
    border: 2px solid #b6b6b6b3;
    border-bottom-left-radius: 1em;
    border-right: none;
    border-top-left-radius: .5em;
    box-shadow: -20px 0 0 #fff;
    cursor: pointer;
    margin: 0;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.btn_EN_OFF {
    background: linear-gradient(90deg, #838d94, #a9993f 30%, #9e7733 77%, #6c7681)
}

.btn_EN_front {
    background-image: linear-gradient(#bda183, #f8963499 50%);
    border: 1px solid #e2b033;
    border-bottom: 2px solid #fdc023;
    border-bottom-left-radius: 1em;
    border-top-left-radius: .5em;
    box-shadow: 0 6px 0 #40404033;
    color: #4a4a4a;
    padding: .4em .1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-4px);
    transition: .6s;
    width: 100%
}

.btn_EN_front_OFF {
    background-image: linear-gradient(#bda183, #c0a07299 50%);
    border-bottom: 2px solid #d6d6d6;
    color: #fff;
    text-shadow: 0 0 10px #fff
}

.btn_EN:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%)
}

.btn_EN:hover .btn_EN_front {
    box-shadow: 0 14px 5px #4040404d;
    transform: translateY(-6px);
    transition: .3s
}

.btn_EN:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

.btn_EN:active .btn_EN_front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-2px);
    transition: 20ms
}

.btn_PL {
    background: linear-gradient(90deg, #497782, #40dcff 30%, #24c0d8 77%, #657881);
    border: 2px solid #b6b6b6b3;
    border-bottom-right-radius: 1em;
    border-left: none;
    border-top-left-radius: 0;
    border-top-right-radius: .5em;
    cursor: pointer;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.btn_PL_OFF {
    background: linear-gradient(90deg, #838d94, #2e80af 30%, #2880a9 77%, #6c7681)
}

.btn_PL_front {
    background-image: linear-gradient(#98c7d1, #34c1f84d 50%);
    border: 1px solid #89e5ff;
    border-bottom: 2px solid #6efff0;
    border-bottom-right-radius: 0;
    border-bottom-right-radius: 1em;
    border-top-right-radius: .5em;
    box-shadow: 0 6px 0 #40404033;
    color: #4a4a4a;
    padding: .4em .1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-4px);
    transition: .6s;
    width: 100%
}

.btn_PL_front_OFF {
    background-image: linear-gradient(#83b2bd, #72afc099 50%);
    border-bottom: 2px solid #d6d6d6;
    color: #fff;
    text-shadow: 0 0 10px #fff
}

.btn_PL:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%)
}

.btn_PL:hover .btn_PL_front {
    box-shadow: 0 14px 5px #4040404d;
    transform: translateY(-6px);
    transition: .3s
}

.btn_PL:active {
    background: linear-gradient(90deg, #8cbddd, #56e3ff 30%, #3adeff 77%, rgb(158, 190, 229))
}

.btn_PL:active .btn_PL_front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-2px);
    transition: 20ms
}

nav {
    z-index: 100
}

nav,
nav ul {
    margin: 0;
    padding: 0;
    width: 100%
}

nav ul {
    display: flex;
    flex-flow: row nowrap;
    list-style-type: none
}

nav ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 100
}

nav ul li a {
    display: block;
    text-align: center;
    width: 100%
}

nav ul li .home_back {
    background: linear-gradient(90deg, #247667, #30a57e 20%, #1e7d84 80%, #a6f46b);
    border-bottom: 1.5px solid #358ccab3;
    border-bottom-left-radius: 2em;
    border-right: none;
    cursor: pointer;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

nav ul li .home_front {
    background-image: linear-gradient(#addeec, #3496f84d 50%);
    border-bottom: 1px solid #9bdff0;
    border-bottom-left-radius: 2em;
    border-top: 1px solid #9bdff0;
    border-color: #87d0dc #9bdff0 #a4e5ff;
    border-style: solid;
    border-width: 2px 1px 1.5px;
    box-shadow: 0 6px 0 #40404033;
    color: #fff;
    padding: .5em 1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-2px);
    transition: .6s
}

nav ul li .home_back:hover {
    background: linear-gradient(90deg, #367624, #30a57e 20%, #2eb542 80%, #f4e06c);
    filter: brightness(110%);
    -webkit-filter: brightness(110%)
}

nav ul li .home_back:hover .home_front {
    box-shadow: 0 14px 5px #9494944d;
    transform: translateY(-4px);
    transition: .3s
}

nav ul li .home_back:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

nav ul li .home_back:active .home_front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

nav ul li .words_back {
    background: linear-gradient(90deg, #a5e04c, #22c6b3 20%, #2384c0 60%, #1d95b6 80%, #74ffb0);
    border-bottom: 1.5px solid #358ccab3;
    border-right: none;
    cursor: pointer;
    touch-action: manipulation;
    transition: .3s;
    transition: 1s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

nav ul li .words_front {
    background-image: linear-gradient(#addeec, #3496f84d 50%);
    border-bottom: 1px solid #9bdff0;
    border-top: 1px solid #9bdff0;
    border-color: #87d0dc #9bdff0 #a4e5ff;
    border-style: solid;
    border-width: 2px 1px 1.5px;
    box-shadow: 0 6px 0 #40404033;
    color: #fff;
    padding: .5em 1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-2px);
    transition: .6s
}

nav ul li .words_front:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 120%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

nav ul li .words_back:hover {
    background: linear-gradient(90deg, #fdff74, #22c6b3 20%, #2384c0 60%, #1d95b6 80%, #fdff74);
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
    transition: 1s
}

nav ul li .words_back:hover .words_front {
    box-shadow: 0 14px 5px #0c374733;
    filter: contrast(110%);
    transform: translateY(-4px);
    transition: .3s
}

nav ul li .words_back:active {
    background: linear-gradient(90deg, #70e17a, #e6cd20 30%, #d18818 77%, #aea066)
}

nav ul li .words_back:active .words_front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

nav ul li .contact_back {
    background: linear-gradient(90deg, #74ff95, #1ac2d1 20%, #15b09e 80%, #416d86);
    border-bottom: 1.5px solid #358ccab3;
    border-bottom-right-radius: 2em;
    border-right: none;
    cursor: pointer;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

nav ul li .contact_front {
    background-image: linear-gradient(#addeec, #3496f84d 50%);
    border-bottom: 1px solid #9bdff0;
    border-bottom-right-radius: 2em;
    border-top: 1px solid #9bdff0;
    border-color: #87d0dc #9bdff0 #a4e5ff;
    border-style: solid;
    border-width: 2px 1px 1.5px;
    box-shadow: 0 6px 0 #40404033;
    color: #fff;
    padding: .5em 1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-2px);
    transition: .6s
}

nav ul li .contact_back:hover {
    background: linear-gradient(90deg, #efff74, #1ad15a 20%, #15b09e 80%, #416d86);
    filter: brightness(110%);
    -webkit-filter: brightness(110%)
}

nav ul li .contact_back:hover .contact_front {
    box-shadow: 0 14px 5px #9494944d;
    transform: translateY(-4px);
    transition: .3s
}

nav ul li .contact_back:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

nav ul li .contact_back:active .contact_front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.contactBox {
    background-image: url(/static/media/emailMainImg1200_8.d18cf7d202f94ad47dea.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: row nowrap;
    height: 100vh;
    margin-top: -2em;
    width: 100%;
    z-index: -20
}

.contactBox,
.contact_Main_container {
    align-items: center;
    display: flex;
    justify-content: center
}

.contact_Main_container {
    border: 20px solid #dfb330;
    border-radius: 100em;
    height: 300px;
    overflow: visible;
    position: relative;
    transition: .6s;
    width: 300px
}

.contact_Inner_container {
    animation-duration: 50s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: kontactAnime;
    background-image: url(/static/media/EmailBack700_8.36656d76d19bd2ae43f5.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 101%;
    border-bottom: 5px solid #ebaf61;
    border-radius: 100em;
    border-top: 5px solid #307db4;
    box-shadow: 10px 10px 20px #e2e2e2, 30px 30px 50px #ffbc49, 30px 30px 100px #ff8649, -30px -30px 100px #0f5fd6, -30px -30px 130px #0949d3, 0 0 50px #fff, 0 0 70px #fffbce;
    color: #696969;
    height: 100%;
    position: relative;
    text-align: center;
    transition: .6s;
    width: 100%
}

.ContactText {
    background-color: #a0a0a01a;
    border-color: #c5c5c5 #69acff #c5c5c5 #ffcc89;
    border-radius: 1em;
    border-style: solid;
    border-width: 1px 3px;
    color: #fff0d5;
    cursor: pointer;
    font-size: calc(1em + .5vw);
    font-size: 1.1em;
    font-weight: 700;
    padding: .3em 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 8px #383838, 0 10px 8px #0f227c, 0 -5px 15px #ffbe5480, 0 0 15px #fff, 0 0 30px #fff;
    transition: 1s;
    width: 100%;
    z-index: 3
}

@keyframes kontactAnime {
    to {
        transform: rotate(1turn)
    }
}

.ContactText:hover {
    background-color: #1239a4b3;
    text-shadow: 0 0 5px #fff, 0 0 70px #fff, 0 0 30px #fff, 0 0 40px #fff
}

.ContactTextActive {
    background-color: #264cc1cc;
    border-radius: 3em;
    box-shadow: 0 -4px 4px #fad89880, 0 4px 4px #1068ac;
    color: #fff;
    padding: .2em 1.5em;
    position: absolute;
    transform: scale(1.6) rotate(1turn);
    transition: 1.5s
}

.container_home {
    z-index: -100
}

@media (max-width:1200px) {
    .container_home {
        background-size: cover
    }
}

.appLogo {
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: appLogoAnimation;
    background: #138acf;
    background: linear-gradient(90deg, rgba(19, 138, 207, .913), #669fd200);
    box-shadow: -40px 0 40px #82c0ec99;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#138acf", endColorstr="#669fd2", GradientType=1);
    font-size: 1.3em;
    left: 0;
    padding: .4em;
    position: absolute;
    text-align: center;
    top: 33%;
    transition: .7s;
    width: 30%;
    z-index: 20
}

.appLogo:hover {
    text-shadow: 0 0 25px #fff
}

.welcomeUserLogo {
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: welcomeUserLogoAnimation;
    background: #fff18c;
    background: linear-gradient(90deg, #fff18c00, rgba(50, 181, 219, .991));
    box-shadow: 40px 0 40px #82c0ec99;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff18c", endColorstr="#32b5db", GradientType=1);
    font-size: 1.2em;
    left: 30%;
    padding: .4em 0;
    position: absolute;
    text-align: center;
    top: 55%;
    transition: .7s;
    width: 40%;
    z-index: 20
}

@keyframes appLogoAnimation {
    0% {
        left: -100%;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes welcomeUserLogoAnimation {
    0% {
        left: -100%;
        opacity: 0
    }

    to {
        left: 60%;
        opacity: 1
    }
}

@media (max-aspect-ratio:1/1) {
    .appLogo {
        display: none;
    }

    .welcomeUserLogo {
        display: none;
    }
}

.home_part_container_outer {
    align-items: center;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-flow: row nowrap;
    justify-content: end;
    min-width: 100%;
    z-index: 1
}

.flex_position_left {
    justify-content: start
}

.flex_position_right {
    justify-content: end
}

.home_part_container_inner {
    align-items: center;
    display: flex;
    flex: 0 1 50%;
    flex-flow: row nowrap;
    justify-content: center;
    transition: .7s;
    z-index: 2
}

.home_part_container_inner div {
    color: #e4e4e4;
    font-size: 1em;
    font-weight: bolder;
    padding: 2em 0;
    text-align: center;
    z-index: 3
}

.zero_inner {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay1;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    flex: 0 1 50%;
    transition: .7s
}

.zero_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    color: #fff;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 10px 0 10px #293560, 3px 0 5px #1b4d7f, -10px 0 10px #1e588f, -3px 0 5px #613c19;
    transition: 1s;
    transition: .5s;
    transition: .4s;
    width: 100%
}

.first_inner {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay1;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    flex: 0 1 50%;
    transition: .7s
}

.first_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    transition: 1s;
    width: 100%
}

.second_inner {
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay2;
    flex: 0 1 50%
}

.second_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    transition: 1s;
    width: 100%
}

.third_inner {
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay3;
    flex: 0 1 50%
}

.third_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    width: 100%
}

.fourth_inner {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay1;
    flex: 0 1 50%
}

.fourth_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    transition: 1s;
    width: 100%
}

.fifth_inner {
    animation-duration: 6s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay1;
    flex: 0 1 50%
}

.fifth_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    transition: 1s;
    width: 100%
}

.sixth_inner {
    animation-duration: 7s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay1;
    flex: 0 1 50%
}

.sixth_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    transition: 1s;
    width: 100%
}

.seventh_inner {
    animation-duration: 8s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: moveCenterAndStay1;
    flex: 0 1 50%
}

.seventh_inner div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    transition: 1s;
    width: 100%
}

.homeSizeBackground {
    background-size: 36%
}

@media (max-aspect-ratio:3/1) {
    .homeSizeBackground {
        background-size: 40%
    }
}

@media (max-aspect-ratio:2/1) {
    .homeSizeBackground {
        background-size: 60%
    }
}

@media (max-aspect-ratio:1/1) {
    .homeSizeBackground {
        background-size: 80%
    }
}

@media (max-aspect-ratio:4503599627370496/5404319552844595) {
    .homeSizeBackground {
        background-size: 110%
    }
}

@media (max-aspect-ratio:2/3) {
    .homeSizeBackground {
        background-size: 150%
    }
}

@media (max-aspect-ratio:1/2) {
    .homeSizeBackground {
        background-size: 170%
    }
}

.span_bigText {
    display: inline-block;
    transform: scale(1.4);
    transition: .7s;
    background-color:transparent;
}

._inner_ {
    transition: 1s;
    z-index: 1
}

._inner_ div {
    text-shadow: 0 0 1.5px #fff, 10px 0 10px #3f3f3f, -10px 0 10px #3f3f3f;
    transition: .4s
}

._inner_:hover {
    transition: 1s;
    z-index: 1
}

._inner_:hover .span_bigText {
    transform: scale(1.8);
    transition: .7s
}

._inner_:hover div {
    color: #fff;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 10px 0 10px #293560, 3px 0 5px #1b4d7f, -10px 0 10px #1e588f, -3px 0 5px #613c19;
    transition: .5s;
    transition: .4s
}

.zero_inner_speacial .span_bigText {
    transform: scale(1.8);
    transition: .7s
}

.zero_inner_speacial div {
    background-attachment: fixed;
    background-image: url(/static/media/Start_1700x3000_low2.13b3b2a6a92fb5572219.jpg);
    background-position: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    color: #fff;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 10px 0 10px #293560, 3px 0 5px #1b4d7f, -10px 0 10px #1e588f, -3px 0 5px #613c19;
    transition: 1s;
    transition: .5s;
    transition: .4s;
    width: 100%
}

@keyframes moveCenterAndStay1 {
    0% {
        flex: 0 1;
        opacity: 0
    }

    to {
        flex: 0 1 100%;
        opacity: 1
    }
}

@keyframes moveCenterAndStay2 {
    0% {
        flex: 0 1;
        opacity: 0
    }

    to {
        flex: 0 1 100%;
        opacity: 1
    }
}

@keyframes moveCenterAndStay3 {
    0% {
        flex: 0 1;
        opacity: 0
    }

    to {
        flex: 0 1 100%;
        opacity: 1
    }
}

@keyframes moveCenterAndStay4 {
    0% {
        flex: 0 1;
        opacity: 0
    }

    to {
        flex: 0 1 100%;
        opacity: 1
    }
}

@keyframes moveCenterAndStay5 {
    0% {
        flex: 0 1;
        opacity: 0
    }

    to {
        flex: 0 1 100%;
        opacity: 1
    }
}

@keyframes moveCenterAndStay6 {
    0% {
        flex: 0 1;
        opacity: 0
    }

    to {
        flex: 0 1 100%;
        opacity: 1
    }
}

.errorContainer {
    align-content: space-around;
    flex-flow: row wrap;
    height: 100vh;
    justify-content: space-around
}

.errorContainer,
.errorContainer h1 {
    align-items: center;
    display: flex;
    width: 100%
}

.errorContainer h1 {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: bw;
    background-image: url(/static/media/error700_8.aea0e5096e69861cc8f2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 1 100%;
    flex-flow: row nowrap;
    height: 400px;
    justify-content: center;
    margin: 0;
    text-align: center
}

.errorContainer h1 span {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: showUpError;
    color: #fff;
    font-size: 1.4em;
    text-shadow: 0 0 10px gray, 0 0 20px #5a5a5a, 0 0 30px #262626
}

@keyframes bw {
    0% {
        filter: grayscale(0)
    }

    to {
        filter: grayscale(70%)
    }
}

.errorContainer div {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: showUpError;
    color: gray;
    flex: 0 1 100%;
    font-size: 1.2em;
    margin: 0;
    text-align: center
}

.errorContainer div a:link,
.errorContainer div a:visited {
    color: green
}

@keyframes showUpError {
    0% {
        filter: opacity(0)
    }

    to {
        filter: opacity(1)
    }
}

* {
    box-sizing: 0
}

.main_container_modules {
    background-attachment: fixed;
    background-color: #fff;
    background-image: url(/static/media/moduleBack1200_8.4d5de98afde271be7de0.jpg);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -2em;
    transition: 1s
}

@media (max-aspect-ratio:1/1) {
    .main_container_modules {
        background-attachment: fixed;
        background-image: url(/static/media/moduleBack1200_8.4d5de98afde271be7de0.jpg);
        background-position-x: center;
        background-position-y: top;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: 1s
    }
}

.section_module {
    border-radius: 2em;
    margin: 0 auto;
    padding: .5em;
    width: 90%
}

.section_module h2 {
    color: #575757;
    margin-top: 2em;
    text-align: center;
    width: 100%
}

.article_module {
    background-color: #d5d5d599;
    background-repeat: no-repeat;
    background-size: contain;
    border: solid #fff;
    border-radius: 1.5em;
    border-bottom-left-radius: 6em;
    border-bottom-right-radius: 6em;
    border-width: 2px 2px 4px;
    box-shadow: -5px -5px 30px #a5fff9, 7px 7px 30px #333;
    margin: 2em auto 4em;
    padding-bottom: .7em;
    transition: .4s;
    transition: 1s;
    width: 100%
}

.article_module h3 {
    background: #fff;
    background: linear-gradient(90deg, #fff0, #73a7b0 48%, #fff0);
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    margin-bottom: 2em;
    margin-top: 1em;
    padding: .5em 0;
    text-align: center;
    width: 100%
}

.article_module ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly
}

.article_module ul li {
    border-bottom: 3px solid #eaff75;
    border-radius: 2em;
    border-bottom-left-radius: 4em;
    border-bottom-right-radius: 4em;
    box-shadow: 0 2px 2px #d0da10, 0 0 5px #5c5c5c;
    filter: brightness(.95);
    -webkit-filter: brightness(.95);
    flex: 0 1 100%;
    margin: .5em 0;
    max-width: 220px;
    overflow: hidden;
    transition: .5s
}

.article_module ul li .base_icon_a1 {
    background-image: url(/static/media/base400_7.f7880910be41f8ca0e8b.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 110%;
    position: relative;
    transition: 1s
}

.article_module ul li .world_icon_a1 {
    height: 130px;
    transition: 1s
}

.article_module ul li .world_icon_a1_inner {
    animation-duration: 240s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: galaxy;
    background-color: #09203a;
    background-image: url(/static/media/galaxy500_9.afe5a90c91bca06573b8.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 85%;
    height: 250%;
    left: -20%;
    position: relative;
    top: -70%;
    transition: 1s;
    width: 150%;
    z-index: -1
}

@keyframes galaxy {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1000deg)
    }
}

.article_module ul li .travel_icon_a1 {
    background-image: url(/static/media/travel500_8.21a0d14cd13c9cfda6d6.jpg);
    background-position-x: right;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 108%;
    position: relative;
    transition: 1s
}

.article_module ul li .travel_icon_a1:hover {
    background-position-x: left;
    transition: 20s
}

.article_module ul li .home_icon_a1 {
    background-image: url(/static/media/home400_8.807d57fe69313b82f761.jpg);
    background-position: 50%;
    background-position-y: 40%;
    background-repeat: no-repeat;
    background-size: 105%;
    transition: 1s
}

.article_module ul li .home_icon_a1:hover {
    background-position-y: top;
    background-size: 120%;
    transition: 5s
}

.article_module ul li .people_icon_a1 {
    background-image: url(/static/media/people700_8.90c7832ea266c8ec757a.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 107%;
    filter: brightness(150%);
    transition: 3s
}

.article_module ul li .people_icon_a1:hover {
    background-position-y: top;
    background-size: 200%;
    transition: 20s
}

.article_module ul li .clothes_icon_a1 {
    background-color: #fff;
    background-image: url(/static/media/clothes400_7.d35964b06b051c7f2afc.jpg);
    background-position-y: 70%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 1s
}

.article_module ul li .food_icon_a1 {
    background-image: url(/static/media/food450_8.48f90ef7bd26e16b62da.jpg);
    background-position: 50%;
    background-position-y: 10%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 1s
}

.article_module ul li .food_icon_a1:hover {
    background-position: 50%;
    background-position-y: top;
    background-size: 150%;
    transition: 15s
}

.article_module ul li .education_icon_a1 {
    background-image: url(/static/media/education300_8.4304ca31887fc11a931b.jpg);
    background-position-y: 30%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 1s
}

.article_module ul li .leisure_icon_a1 {
    background-image: url(/static/media/leisure300_8.b3f15e9d08f1b0db873e.jpg);
    background-position-y: 30%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 1s
}

.article_module ul li .animals_icon_a1 {
    background-image: url(/static/media/animal400_8.cbb852ca0254d0c4ac35.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 1s
}

.article_module ul li .animals_icon_a1:hover {
    background-position: 50%;
    background-position-x: 100%;
    background-position-y: 100%;
    background-size: 120%;
    transition: 10s
}

.article_module ul li .time_icon_a1 {
    background-image: url(/static/media/time400_8.8dc447fe3b567b7fe597.jpg);
    background-position-x: center;
    background-position-y: 40%;
    background-repeat: no-repeat;
    background-size: 110%;
    transition: 1s
}

.article_module ul li .time_icon_a1:hover {
    background-size: 100%;
    transition: 5s
}

.article_module ul li .adj_general_icon_a1 {
    background-image: url(/static/media/adjectives350_8.e24fa71c008c3550ccb7.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1s
}

.article_module ul li .adj_human_icon_a1 {
    background-image: url(/static/media/adjectives_people_550_8.ebcdb955bfe616d6c42b.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 107%;
    transition: 1s
}

.article_module ul li .adj_human_icon_a1:hover {
    background-position: top;
    background-size: 130%;
    transition: 5s
}

.article_module ul li .pronouns_icon_a1 {
    background-image: url(/static/media/pronouns400_8.61af4a49a818a4a20b9c.jpg);
    background-repeat: no-repeat;
    background-size: 107%;
    transition: 1s
}

.article_module ul li .verb_1_icon_a1 {
    background-image: url(/static/media/verb1_400_8.b5c77bf945940b882e05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1s
}

.article_module ul li .verb_2_icon_a1 {
    background-image: url(/static/media/verb2_400_8.f65e003229ec295f0405.jpg);
    background-repeat: no-repeat;
    background-size: 107%;
    transition: 1s
}

.article_module ul li .adverbs_icon_a1 {
    background-image: url(/static/media/adverbs400_8.dc7692964d2412dca256.jpg)
}

.article_module ul li .adverbs_icon_a1,
.article_module ul li .prepositions_icon_a1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1s
}

.article_module ul li .prepositions_icon_a1 {
    background-image: url(/static/media/prepositions400_8.28bece5606a8a3303093.jpg)
}

.article_module ul li .num_cardinal_icon_a1 {
    background-image: url(/static/media/cardinal350_8.b628b1dfdeb4d73538d4.jpg);
    background-position-y: 30%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 1s
}

.article_module ul li .num_ordinal_icon_a1 {
    background-image: url(/static/media/ordinal350_8.6d8890213fb0a0b04d8d.jpg);
    background-position-y: 30%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 1s
}

.article_module ul li .a1_module_icon {
    min-height: 130px
}

.article_module ul li .a1_module_btn_container {
    background: linear-gradient(90deg, #5072d7, #31e5a3 38%, #387ed4 78%, #aa79cd);
    border-radius: .5em;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none
}

.article_module ul li .a1_module_btn_container .a_up {
    background-image: linear-gradient(#aae8ff, #17b2dd33 60%);
    border-bottom: 1px solid #6eddff;
    border-top: 1px solid #6eddff;
    border-color: #93dbfc #6eddff #a5e4ff;
    border-radius: .2em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-style: solid;
    border-width: 2px 1px;
    font-size: 1.2em;
    text-shadow: 0 0 10px #cefdff
}

.article_module ul li .a1_module_btn_container .a_down,
.article_module ul li .a1_module_btn_container .a_up {
    box-shadow: 0 6px 0 #40404033;
    color: #fff;
    display: block;
    flex: 0 1 100%;
    padding: .2em 0;
    text-align: center;
    transition: .6s
}

.article_module ul li .a1_module_btn_container .a_down {
    background-image: linear-gradient(#83bd8f, #48dd5799 50%);
    border-bottom: 1px solid #80df98;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    border-top: 1px solid #80df98;
    border-color: #9cf4b5 #80df98 #94ec99;
    border-style: solid;
    border-width: 2px 1px;
    text-shadow: 0 0 5px #646464
}

.article_module ul li .a_up:hover {
    transform: translateY(-2px);
    transition: .3s
}

.article_module ul li .a1_module_btn_container:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

.article_module ul li .a_up:active {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.article_module ul li .a_down:hover {
    box-shadow: 0 14px 2px #4c966ae6;
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
    transform: translateY(-3px);
    transition: .3s
}

.article_module ul li .a_down:active {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.article_module ul li:hover {
    border-bottom: 3px solid #76ff3f;
    border-radius: 1em;
    border-bottom-left-radius: 4em;
    border-bottom-right-radius: 4em;
    box-shadow: 0 0 20px #d9d9d9;
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
    transform: scale(1.05)
}

.article_adjectives {
    max-width: 800px
}

.article_module:hover {
    background-color: #7e7e7eb3;
    box-shadow: -3px -3px 30px #fff, -10px -10px 80px #d2702b, 10px 10px 30px #313131;
    transition: .4s
}

.article_module:hover ul li {
    box-shadow: -3px -3px 20px #fff, -10px -10px 20px #d2812b, 10px 10px 30px #313131
}

.grouping_container_articles {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly
}

.grouping_container_articles article {
    flex: 0 1 48%;
    margin: 1em .2em
}

@media (max-width:800px) {
    .grouping_container_articles article {
        flex: 0 1 100%
    }
}

* {
    box-sizing: border-box;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

::selection {
    color: #1ac7c7
}

.global_wraper {
    border-bottom: 2px solid gray;
    border-left: 2px solid gray;
    border-radius: 4em;
    border-right: 2px solid gray;
    margin: 0 auto;
    padding: 1em 1em 0;
    width: 95vw
}

.menuContainer {
    border-radius: 2em;
    display: flex;
    flex-flow: row nowrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    left: 1%;
    margin: 0 auto;
    position: fixed;
    top: 0;
    width: 98%;
    z-index: 10
}

.menuContainer div {
    flex: 0 1 30%;
    text-align: center
}

.menuContainer .option_words_back {
    background: linear-gradient(90deg, #7e6231, #d1b81a 20%, #b07215 80%, #866541);
    border: 2px solid #c3c3c3b3;
    border-radius: 2em;
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    cursor: pointer;
    position: relative;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none
}

.menuContainer .option_words_back:hover {
    border-right: none
}

.menuContainer .option_words_back:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

.menuContainer .btn_words_front {
    background-image: linear-gradient(#bda183, #f8963499 50%);
    border-bottom: 1px solid #e2b033;
    border-top: 1px solid #e2b033;
    border-color: #d7a320 #e2b033 #fdc023;
    border-radius: 2em;
    border-bottom-right-radius: 0;
    border-style: solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: 2px 1px;
    box-shadow: 0 6px 0 #40404033;
    color: #4a4a4a;
    padding: .5em 1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-2px);
    transition: .6s
}

.menuContainer .btn_words_front:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%)
}

.menuContainer .option_words_back:hover .btn_words_front {
    box-shadow: 0 14px 5px #4040404d;
    transform: translateY(-4px);
    transition: .3s
}

.menuContainer .option_words_back:active .btn_words_front {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.menuContainer .menu_part_of_speech {
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 70%;
    transition: .5s ease-in-out;
    width: 100%;
    z-index: -5
}

.menuContainer .menu_part_of_speech>li {
    background-color: #fff;
    margin: 0;
    z-index: -5
}

.menuContainer .menu_part_of_speech>li:hover {
    background-color: #fff6c1;
    z-index: -5
}

.menuContainer .option_words_back:focus>.menu_part_of_speech {
    opacity: 1;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    top: 100%;
    transition: .3s ease-in-out;
    width: 100%;
    z-index: -5
}

.menuContainer .menu_part_of_speech_item_level {
    left: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -90%;
    transition: .5s ease-in-out;
    width: 100%;
    z-index: -3
}

.menuContainer .menu_part_of_speech_item_level li {
    background-color: #d2d2d2;
    border-left: 2px solid orange;
    border-right: 2px solid orange
}

.menuContainer .menu_part_of_speech_item_level li:hover {
    background-color: #e5d686
}

.menuContainer .menu_part_of_speech_item_level li:first-child {
    background-color: #fff6c1
}

.menuContainer .menu_part_of_speech_item_back {
    background: linear-gradient(90deg, #414141, #b3b3b3 30%, #aaa 77%, #405b7a);
    border: 2px solid #c3c3c3b3;
    border-right: none;
    cursor: pointer;
    touch-action: manipulation;
    transition: .5s ease-in-out;
    transition: .3s
}

.menuContainer .menu_part_of_speech_item_front {
    background-image: linear-gradient(#969696, #c7c7c799 50%);
    box-shadow: 0 -3px 0 #40404033;
    position: relative;
    transition: .6s
}

.menuContainer .menu_part_of_speech_item_front:hover {
    box-shadow: 0 2px 3px #787878, 0 -2px 3px #686868;
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
    z-index: 20
}

.menuContainer .menu_part_of_speech_item_back:hover>.menu_part_of_speech_item_level {
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .5s ease-in-out;
    z-index: -3
}

.menuContainer .menu_part_of_speech_item_level_A1 {
    background-color: #f6ff00;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    transition: .5s ease-in-out;
    width: 100%
}

.menuContainer .menu_part_of_speech_item_level_A1_theme {
    left: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -300%;
    transition: .5s ease-in-out;
    width: 100%;
    z-index: -4
}

.menuContainer .menu_part_of_speech_item_level_A1_theme li {
    background-color: #d2d2d2;
    margin: 0
}

.menuContainer .menu_part_of_speech_item_level_A1:hover>.menu_part_of_speech_item_level_A1_theme {
    opacity: 1;
    position: absolute;
    top: -100%;
    transition: .5s ease-in-out;
    z-index: -4
}

.menuContainer .adj_level {
    left: 100%;
    top: -100%
}

.menuContainer .adj_level li:first-child {
    background-color: #fff6c1
}

.menuContainer .adj:hover>.adj_level {
    top: 25%
}

.menuContainer .adj_level_A1 {
    background-color: #f6ff00
}

.menuContainer .adj_level_A1_theme li {
    background-color: #d2d2d2
}

.menuContainer .adj_level_A1:hover>.adj_level_A1_theme {
    left: 100%
}

.menuContainer .verb_level {
    left: 100%;
    top: -100%
}

.menuContainer .verb_level li:first-child {
    background-color: #fff6c1
}

.menuContainer .verb:hover>.verb_level {
    top: 75%
}

.menuContainer .verb_level_A1 {
    background-color: #f6ff00
}

.menuContainer .verb_level_A1_theme li {
    background-color: #d2d2d2
}

.menuContainer .verb_level_A1:hover>.verb_level_A1_theme {
    left: 100%
}

.menuContainer .numerals_level {
    left: 100%;
    top: -100%
}

.menuContainer .numerals_level li:first-child {
    background-color: #fff6c1
}

.menuContainer .numerals:hover>.numerals_level {
    top: 75%
}

.menuContainer .numerals_level_A1 {
    background-color: #f6ff00
}

.menuContainer .numerals_level_A1_theme li {
    background-color: #d2d2d2
}

.menuContainer .numerals_level_A1:hover>.numerals_level_A1_theme {
    left: 100%
}

.menuContainer .option_rules {
    background-color: #d0d0d0;
    cursor: pointer;
    transition: .5s ease-in-out
}

.menuContainer .option_rules ul {
    margin: 0;
    padding: .5em;
    position: absolute;
    top: 55px;
    transition: .7s ease-in-out
}

.menuContainer .option_rules ul li {
    background-color: #fff;
    border-radius: .2em;
    padding: .5em;
    transition: .7s ease-in-out
}

.menuContainer .option_rules ul li a {
    border-bottom: 1px solid #fff;
    border-radius: 1em;
    border-right: 2px solid #fff;
    border-top: 1px solid #fff;
    color: #434343;
    margin: .5em;
    padding: .5em 1em;
    text-decoration: none;
    transition: .4s ease-in-out
}

.menuContainer .option_rules ul li a:hover {
    background-color: #ececec;
    border-color: #11c942;
    border-style: solid;
    border-width: 1px 2px;
    box-shadow: 0 0 17px #83b386;
    color: #11c942;
    transition: .7s ease-in-out
}

.menuContainer .option_exercise {
    border-bottom-right-radius: 2em;
    cursor: pointer;
    transition: .5s ease-in-out
}

.positionHidden {
    top: 55px
}

.hidden {
    opacity: 0
}

.ILearn {
    background-color: #e3e3e3;
    border: 2px solid #bdbdbd;
    border-radius: 2em;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 2em auto;
    padding: .5em 1em;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.ILearn .Learn_Word_label_OFF {
    background: linear-gradient(90deg, #7e6231, #d1b81a 20%, #b07215 80%, #866541);
    border: 2px solid #c3c3c3b3;
    border-radius: 2em;
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0;
    cursor: pointer;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 50%
}

.ILearn .Ilearn_btn_word_front_OFF {
    background-image: linear-gradient(#bda183, #f8963499 50%);
    border-bottom: 1px solid #e2b033;
    border-top: 1px solid #e2b033;
    border-color: #d7a320 #e2b033 #fdc023;
    border-radius: 2em;
    border-bottom-right-radius: 0;
    border-style: solid;
    border-top-right-radius: 0;
    border-width: 2px 1px;
    box-shadow: 0 6px 0 #40404033;
    color: #4a4a4a;
    padding: .5em 1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-2px);
    transition: .6s
}

.ILearn .Learn_Word_label_OFF:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%)
}

.ILearn .Learn_Word_label_OFF:hover .Ilearn_btn_word_front_OFF {
    box-shadow: 0 14px 5px #4040404d;
    transform: translateY(-4px);
    transition: .3s
}

.ILearn .Learn_Word_label_OFF:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

.ILearn .Learn_Word_label_OFF:active .Ilearn_btn_word_front_OFF {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.ILearn .Task_label_OFF {
    background: linear-gradient(90deg, #7e6231, #d1b81a 20%, #b07215 80%, #866541);
    border: 2px solid #c3c3c3b3;
    border-radius: 2em;
    border-bottom-left-radius: 0;
    border-right: none;
    border-top-left-radius: 0;
    cursor: pointer;
    touch-action: manipulation;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 50%
}

.ILearn .Ilearn_btn_task_front_OFF {
    background-image: linear-gradient(#bda183, #f8963499 50%);
    border-bottom: 1px solid #e2b033;
    border-top: 1px solid #e2b033;
    border-color: #d7a320 #e2b033 #fdc023;
    border-radius: 2em;
    border-bottom-left-radius: 0;
    border-style: solid;
    border-top-left-radius: 0;
    border-width: 2px 1px;
    box-shadow: 0 6px 0 #40404033;
    color: #4a4a4a;
    padding: .5em .1em;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-2px);
    transition: .6s
}

.ILearn .Task_label_OFF:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%)
}

.ILearn .Task_label_OFF:hover .Ilearn_btn_task_front_OFF {
    box-shadow: 0 14px 5px #4040404d;
    transform: translateY(-4px);
    transition: .3s
}

.ILearn .Task_label_OFF:active {
    background: linear-gradient(90deg, #a39e47, #e6cd20 30%, #d18818 77%, #aea066)
}

.ILearn .Task_label_OFF:active .Ilearn_btn_task_front_OFF {
    box-shadow: 0 1px 0 #4040404d;
    color: #0000;
    text-shadow: none;
    transform: translateY(-1px);
    transition: 20ms
}

.ILearn div {
    color: #505050;
    flex: 0 1 100%
}
.Box_ExPaCon, .title_text,.ExPaCon_Btn_container {
    display:none;
    position:absolute;
    opacity:0;
}

footer {
  width: 100%;
  margin:0 auto;
  /*display: flex;*/
  /*flex-flow: row wrap;*/
  z-index: 55;
  border-top: 3px solid rgb(41, 190, 231);
  background: linear-gradient(90deg, rgb(165, 224, 76) 0%, rgb(34, 198, 179) 20%, rgb(35, 132, 192) 60%, rgb(29, 149, 182) 80%, rgb(116, 255, 176) 100%);
  text-align:center;
  color:white;
  /*text-align: center;*/
}
/*footer .copyright {*/
/*  padding: 0.2em;*/
/*  flex: 0 1 100%;*/
/*  color: rgb(255, 255, 255);*/
/*  background: rgb(255, 255, 255);*/
/*  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3864046839) 31%, rgba(255, 255, 255, 0.3583934795) 69%, rgba(51, 174, 255, 0) 100%);*/
/*  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3864046839) 31%, rgba(255, 255, 255, 0.3583934795) 69%, rgba(51, 174, 255, 0) 100%);*/
/*  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3864046839) 31%, rgba(255, 255, 255, 0.3583934795) 69%, rgba(51, 174, 255, 0) 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#33aeff",GradientType=1);*/
/*}*/
/*footer div {*/
/*  flex: 0 1 50%;*/
/*  text-align: center;*/
/*  margin: 0;*/
/*  padding: 0.5em 0;*/
/*  display: inline-block;*/
/*  display: flex;*/
/*  flex-flow: row nowrap;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/
/*footer a {*/
/*  color: rgb(255, 255, 255);*/
/*  border-bottom: 0.1px solid white;*/
/*}*/
div footer {
    display:none;
    opacity:0;
    color:transparent;
}
/*# sourceMappingURL=main.b144a7b6.css.map*/