/* Body Styles */
html,
body {
    margin: 0;
    padding: 0;
    font-family: 'TT Norms Tochka Ext';
    font-weight: normal;
    color: #262931;
    width: 100%;
    height: 100%;
}

body.noscroll{
    overflow: hidden;
}

/* Font Styles */
a{
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'TT Norms Tochka Ext Normal';
    font-weight: bold;
    color: #191919;
}

p {
    font-family: 'TT Norms Tochka Ext';
    font-weight: normal;
    color: #191919;
}

.text-thin {
    font-family: 'TT Norms Tochka Ext';
}

/* Google Icons */
.material-symbols-rounded {
    font-variation-settings:
        'FILL' 0,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24
}

.material-symbols-rounded.active {
    font-variation-settings:
        'FILL' 1,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24
}

/* Preloader Styles */
.preloader {
    position: fixed;
    z-index: 999;
    background-color: #7f42e1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.preloader .inner {
    margin: 20px;
}

.preloader .text {
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 0;
    margin: 40px;
}

.loading-text .letter {
    display: inline-block;
    line-height: 1em;
}

/* Onboarding */
.onboarding {
    background-color: #e7dbfd;
    position: fixed;
    z-index: 800;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.onboarding .step {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.onboarding .step.step1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.onboarding .ml4 {
    margin-top: -20px;
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 3rem;
    text-align: center;
    width: 100%;
}

.onboarding .ml4 .letters-1 {
    font-size: 3rem;
}

.onboarding .ml4 .letters-2 {
    top: -40px !important;
}

.onboarding .ml4 .letters-3 {
    top: -40px !important;
}

.onboarding .ml4 .letters {
    position: absolute;
    margin: auto;
    left: 0;
    top: -20px;
    right: 0;
    opacity: 0;
}

.onboarding .step.stepany {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px;
}

.onboarding .step.stepany .hero_image {
    width: 100%;
    position: relative;
    max-width: 300px;
}

.onboarding .step.stepany .hero_image img {
    width: 100%;
}

.onboarding .step.stepany .description {
    width: 100%;
    position: relative;
    max-width: 350px;
    max-width: 300px;
    text-align: center;
}

.onboarding .step.stepany .description h3 {
    font-weight: bold;
    font-size: 1.5em;
}

.onboarding .step.stepany .description p {
    font-weight: normal;
    font-size: 1em;
}

.onboarding .step.stepany .next {
    position: relative;
    width: 100%;
    max-width: 350px;
    max-width: 300px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.onboarding .step.stepany .progression {
    position: absolute;
    width: 60px;
    height: 60px;
    background: radial-gradient(closest-side, white 71%, transparent 80% 100%), conic-gradient(#2629314d 0%, transparent 0);
    border-radius: 50%;
}

.onboarding .step.stepany .progression.step1 {
    background: radial-gradient(closest-side, white 71%, transparent 80% 100%), conic-gradient(#797979 33%, transparent 0);
}

.onboarding .step.stepany .progression.step2 {
    background: radial-gradient(closest-side, white 71%, transparent 80% 100%), conic-gradient(#797979 66%, transparent 0);
}

.onboarding .step.stepany .progression.step3 {
    background: radial-gradient(closest-side, white 71%, transparent 80% 100%), conic-gradient(#797979 100%, transparent 0);
}

/* Application Layout */
.application {
    position: relative;
    width: 100%;
    height: 100%;
}

.application.no-overflow {
    overflow: hidden;
}

.application .layout {
    position: relative;
    min-width: 100%;
    min-height: 100%;
    background: #fff;
}

.application .layout .top_bar {
    position: relative;
    background: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 50;
}

.application .layout .top_bar_fixed{
    position: fixed;
    top: -100px;
    left: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    z-index: 70;

    -webkit-backdrop-filter: none;
    -o-backdrop-filter: none;
    -ms-backdrop-filter: none;
    backdrop-filter: none;

    transition: all 250ms ease-out;
}

.application .layout .top_bar_fixed.opened{
    top: 0;
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    -ms-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
}

.application .layout .top_bar .menus, .application .layout .top_bar_fixed .menus {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.application .layout .top_bar .menus .left, .application .layout .top_bar_fixed .menus .left{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.application .layout .top_bar .menus .right, .application .layout .top_bar_fixed .menus .right{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.application .layout .top_bar h3, .application .layout .top_bar_fixed h3{
    margin: 0;
    font-weight: normal;
}

.application .layout .content {
    position: relative;
}

.application .layout .content.inner_light .hello, .application .layout .content.inner_light .sub_hello,
.application .layout .content.inner_light .navigation_button span, .application .layout .content.inner_light h3{
    color: #fff;
}

.application .layout .content.starter {
    background: #f0efeb;
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.application .layout .content.lifestyle {
    background-color: #7e42e2;
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.application .layout .content.lifestyle2 {
    background-color: #f4f3ee;
    background-image: url(../img/mood.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-position-y: -25px;
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.application .layout .content.way{
    background-color: #f0f0f0;
    background-image: url('../img/yourway.webp');
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 124%;
    background-position-x: -103px;
}

@media screen and (min-width: 740px) {
    .application .layout .content.lifestyle2 {
        background-position-y: -120px;
    }
}

.application .layout .content.quests{
    background-color: #f7d4cb;
    background-image: url(../img/quests.webp);
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom left;
    background-position-x: -69px;
    background-position-y: 239px;
}

@media screen and (min-width: 740px) {
    .application .layout .content.quests{
        background-position-x: -100px;
        background-position-y: 158px;
    }
}

.application .layout .content.starter .border {
    max-width: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    top: 60px;
    right: 0;
    border: none !important;
    max-height: 100%;
    max-width: 55%;
    z-index: 1;
}

.application .layout .content.starter .border img {
    max-width: 100%;
}

.application .layout .content.starter .ztop {
    z-index: 5;
    position: relative;
}

.application .layout .content.error {
    background: #f9ded6;

    padding: 10px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.application .layout .content.prediction{
    background-color: #e7dbfd;
    padding: 10px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.application .layout .content.prediction .top_bar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background: #7e42e2;
    z-index: 70;

    transition: all 250ms ease-out;
}

.application .layout .prediction_layer{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 90px;
    padding-bottom: 30px;
}

@media screen and (min-width: 740px) {
    .application .layout .content.prediction {
        background-position-y: 10px;
    }
}

.application .layout .prediction_layer .wizzard{
    text-align: center;
    max-width: 350px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.application .layout .prediction_layer .predict_message{
    position: relative;
    margin: 10px;
    padding: 20px;
    background: #f4f4f4;
    border-radius: 20px;
    max-width: 350px;
}
.application .layout .prediction_layer .predict_message p{
    margin: 0;
}

.application .layout .prediction_layer  .today{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.application .layout .prediction_layer  .today h3{
    font-size: 53px;
    line-height: 30px;
    color: #191919 !important;
}

.application .layout .prediction_layer  .today h4{
    font-family: 'TT Norms Tochka Ext';
    margin: 0;
    font-weight: normal;
}

.application .layout .centred {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-right: 0 !important;
}

.application .layout .final-divider {
    position: relative;
    width: 100%;
    height: 120px;
}

.application .bottom_bar {
    position: fixed;
    z-index: 50;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    padding: 20px;
}

.application .bottom_bar.closed{
    bottom: -100px;
    transition: all 250ms ease-out;
}

.application .bottom_bar .bottom_menu {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 50px;

    -webkit-box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
    -moz-box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
    box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
}

.application .bottom_bar .bottom_menu .nav_item {
    margin: 3px;
    background: #fff;
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #191919;
    border-radius: 100%;

    transition: all 250ms ease-out;
}

.application .bottom_bar .bottom_menu .nav_item:hover {
    background-color: #e7dbfd;
}

.application .bottom_bar .bottom_menu .nav_item.active {
    background-color: #7f42e1;
    color: #fff;
}

.application .bottom_bar .bottom_menu .nav_item.active:hover {
    background-color: #713ac9;
}

.application .bottom_bar .bottom_menu .nav_item span {
    font-variation-settings:
        'FILL' 0,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24;

    transition: all 250ms ease-out;
}

.application .bottom_bar .bottom_menu .nav_item.active span {
    font-variation-settings:
        'FILL' 1,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24
}

/* Home Box */
.home_box{
    position: relative;
    display: flex;
    padding: 40px;
    background-color: #f4f4f4;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.home_box.second{
    background-color: #e7dbfd;
}

.home_box.purple{
    background-color: #7f42e1;
}

.home_box .content{
    width: 100%;
    text-align: left;
}

.home_box .content h3{
    font-weight: bold;
    margin: 0;
}

.home_box .content p{
    margin: 0;
    color: #676767;
}

.home_box .content.centred h3, .home_box .content.centred p{
    text-align: center;
}

.home_box.purple .content h3, .home_box.purple .content p{
    color: #fff;
}

.home_box.purple a{
    color: #fff;
    text-decoration: underline;
}

.home_box.purple input{
    background: #fff;
    border: none;
    padding: 10px 15px;
    width: 100%;
    border-radius: 40px;
}

.home_box .illustration{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    max-height: 240px;
}

.home_box .illustration.fix_bottom{
    margin-bottom: -50px;
}

.home_box .illustration img{
    max-width: 100%;
}

@media screen and (min-width: 740px) {
    .home_box{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 25px;
    }

    .home_box .content{
        margin-right: 20px;
    }

    .home_box .illustration{
        width: 450px;
        margin-top: 0;
    }

    .home_box .illustration.fix_bottom{
        margin-bottom: -25px;
    }
}

/* Main Menu */
.main_menu {
    transition: all 250ms ease-out;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #7e42e2;
    transition: all 250ms ease-out;
    position: fixed;
    width: 100%;
    max-width: 250px;
    right: -700px;
    bottom: 0;
    top: 0;
    z-index: 100;

    -webkit-box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
    -moz-box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
    box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
}

.main_menu.opened {
    right: 0;
}

.main_menu .inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}

.main_menu .inner ul {
    width: 100%;
    list-style-type: none;
    padding: 0;
}

.main_menu .inner li {
    margin-bottom: 10px;
}

.main_menu .inner .nav_item {
    transition: all 250ms ease-out;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    transition: all 250ms ease-out;
}

.main_menu .inner .nav_item:hover {
    color: #e7dbfd;
}

.main_menu .inner .close_menu {
    background-color: #7e42e2;
    color: #fff;
    transition: all 250ms ease-out;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: -36px;
    width: 36px;
    height: 48px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.main_menu .inner .close_menu:hover {
    left: -32px;
    width: 32px;
}

.main_menu .inner .close_menu span {
    color: #fff;
}

.main_menu .powered {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.main_menu .powered a {
    color: #e7dbfd;
}

.menu_backdrop {
    top: -50px;
    left: 0;
    position: fixed;
}

.menu_backdrop.opened {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    -ms-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
}

/* Tags Component */
.tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.tags .tag_link {
    position: relative;
    background: #f6f6f6;
    text-decoration: none;
    color: #191919;
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 3px;

    transition: all 250ms ease-out;

    -webkit-box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
    -moz-box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
    box-shadow: 0px 8px 22px 0px rgba(34, 60, 80, 0.25);
}

.tags .tag_link:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Content Headlines */
.headline{
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.headline h2{
    width: 100%;
    text-align: center;
    margin: 0;
}

.headline p{
    width: 100%;
    text-align: center;
    margin: 0;
}

@media screen and (min-width: 740px) {
    .headline h2, .headline p{
        text-align: left;
    }
}

/* Points Bar */
.points_bar {
    cursor: pointer;
    background: #ddd4d5;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 7px;
    border-radius: 10px;

    transition: all 250ms ease-out;
}

.points_bar:hover {
    background-color: #f6f6f6;
}

.points_bar .icon {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    overflow: hidden;
}

.points_bar .icon img {
    width: 100%;
    height: 100%;
}

.points_bar .points {
    position: relative;
    color: #2a2a28;
    min-width: 35px;
    margin-left: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}

/* Application Content */
.hello {
    font-weight: normal;
    font-size: 35px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.hello span {
    font-weight: bold;
}

.sub_hello {
    margin-bottom: 0;
}

/* Mood Card */
.mood_card{
    position: relative;
    display: flex;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    color: #2a2a28;
}

.mood_card .title{
    text-align: center;
    width: 100%;
}

.mood_card .title h4{
    margin: 0;
}

.mood_card .body{
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mood_card .footer{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.mood_card .footer .button{
    width: 100%;
}

.mood_card .mood_box{
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.mood_card .mood_box .mood_button{
    transition: all 250ms ease-out;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 100%;
    width: 55px;
    height: 55px;
    background: transparent;
}

.mood_card .mood_box .mood_button:hover{
    transition: all 250ms ease-out;
    background: #e7dbfd;
}

.mood_card .mood_box .mood_button img{
    width: 100%;
    transition: all 150ms ease-out;
}

.mood_card .mood_box .mood_button:hover img{
    width: 80%;
}

.mood_card .mood_box .mood_button.active{
    background: #e7dbfd;
}

.mood_card .mood_box .mood_button.active:hover{
    background: #e7dbfd;
}

.mood_card .note_box{
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.mood_card .action_box{
    position: relative;
    display: flex;
    padding: 5px 10px;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.mood_card .action_box .action_button{
    transition: all 250msease-out;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 5px;
    background: transparent;
    padding: 5px;
    width: 80px;
    margin: 5px;
}

.mood_card .action_box .action_button:hover{
    transition: all 250ms ease-out;
    background: #e7dbfd;
}

.mood_card .action_box .action_button .icon{
    font-size: 30px;
    margin-bottom: 2px;
    color: #191919;
}

.mood_card .action_box .action_button label{
    font-size: 12px;
    color: #191919;
}

.mood_card .action_box .action_button.active{
    background: #7f42e1;
}

.mood_card .action_box .action_button.active:hover{
    background: #7f42e1;
}

.mood_card .action_box .action_button.active .icon{
    font-variation-settings:
        'FILL' 1,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24;
    color: #fff;
}

.mood_card .action_box .action_button.active label{
    color: #fff;
}

.mood_card.white {
    background-color: #f0efeb;
}

.mood_card.info{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.mood_card .emotion{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 64px;
    margin-right: 20px;
}

.mood_card .emotion img{
    max-width: 100%;
}

.mood_card .emotion .date{
    font-family: 'TT Norms Tochka Ext Normal';
    font-weight: bold;
    margin-top: 10px;
}

.mood_card .status{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
}

.mood_card .status .state{
    font-weight: bold;
    font-family: 'TT Norms Tochka Ext Normal';
    font-size: 24px;
    margin-bottom: 5px;
}

.mood_card .status p{
    font-size: 15px;
}

.mood_card .status .activity{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

.mood_card .status .activity span{
    font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24;
    font-size: 32px;
    margin-right: 10px;
}

.mood_card .status .activity label{
    line-height: 32px;
    padding-top: 2px;
}

.mood_card .status .share_box{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mood_card .status .share_box .button{
    width: 100%;
}

/* Buttons */
.next_btn {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 48px;
    background-color: #e7dbfd;
}

.next_btn span {
    color: #191919;
}

.next_btn.dark {
    background-color: #191919;
}

.next_btn.dark span {
    color: #ffffff;
}

.navigation_button {
    border: none;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    background-color: transparent;
    transition: all 250ms ease-out;

    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.navigation_button:hover {
    background-color: #fff;
}

.navigation_button span {
    line-height: 40px;
    font-size: 37px;
    color: #191919;
}

.navigation_button.dark:hover {
    background-color: #e7dbfd;
}

.navigation_button.dark span {
    line-height: 40px;
    font-size: 37px;
    color: #fff;
}

.navigation_button.dark:hover span{
    color: #191919;
}

.button {
    position: relative;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    border: none;
    color: #191919;
    border: 2px solid #191919;
    border-radius: 15px;

    transition: all 250ms ease-out;
}

.button .icon {
    color: #191919;
    font-size: 20px;
    line-height: 16px;
}

.button .text {
    color: #191919;
    margin-left: 5px;
    margin-right: 5px;
    transition: all 250ms ease-out;
}

.button:hover {
    border: 2px solid #4c4c4c;
    color: #4c4c4c;
}

.button:hover .text {
    color: #4c4c4c;
    margin-left: 5px;
    margin-right: 5px;
}

.button:hover .icon {
    color: #4c4c4c;
}

.button.dark {
    background-color: #fff;
    color: #191919 !important;
    border: 2px solid #fff;
}

.button.dark:hover {
    background-color: #f0f0f0;
    border: 2px solid #f0f0f0;
}

.button.dark .icon {
    color: #191919;
}

.button.dark .text {
    color: #191919;
}

.button.purple {
    background-color: #7f42e1;
    color: #fff;
    border: 2px solid #7f42e1;
}

.button.purple:hover {
    background-color: #6d38c2;
    border: 2px solid #6d38c2;
}

.button.purple .icon {
    color: #fff;
}

.button.purple .text {
    color: #fff;
}

.button.full-width {
    width: 100%;
    margin: 5px;
}

.button.prediction {
    background: linear-gradient(300deg,#6717cd,#2871fa,#28cffa);
    background-size: 180% 180%;
    animation: gradient-animation 9s ease infinite;
    padding: 20px 30px;
    color: #fff;
    border-radius: 5px;
}

.button.prediction .icon {
    color: #fff;
    font-size: 16px;
}

.button.prediction .text {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

.button.prediction:hover {
    background: none;
    animation: none;
    background-color: rgba(255,255,255,0.5);
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    -ms-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
}

.button.welcome {
    background-color: #e7b293;
    color: #262931;
}

.button.welcome:hover {
    background-color: #f6bf9f;
}

.button.welcome .icon {
    color: #262931;
}

.button.welcome .text {
    color: #262931;
}

/* Welcome Box */
.welcome_box{
    background-color: #e8e2d6;
    position: relative;
    display: flex;
    border-radius: 20px;
    padding: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.welcome_box.mood{
    background-color: #f0efeb;
}

.welcome_box .animated{
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.welcome_box .body{
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.welcome_box .body h3{
    text-align: center;
    width: 100%;
}

.welcome_box .body p{
    text-align: center;
    margin: 0;
    font-size: 15px;
    width: 100%;
}

/* Tab Switcher */
.tab_switcher{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.tab_switcher .element{
    color: #b1b1a8;
    transition: all 250ms ease-out;
    margin-right: 20px;
    font-size: 21px;
    font-weight: bold;
    border-bottom: 3px solid transparent;
}

.tab_switcher .element:hover{
    color: #8f8f87;
}

.tab_switcher .element.switched{
    color: #2a2a28;
    transition: all 250ms ease-out;
    border-bottom: 3px solid #2a2a28;
}

.tab_switcher .element.switched:hover{
    color: #393936;
}


/* Show More Container */
.show_more{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.show_more .button{
    width: 100%;
    background: #ededed;
}

/* Collapsed */
.collapsed_container{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin-bottom: 20px;
}

.collapsed_container .show_collapsed{
    text-align: left;
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 5px;
    border-bottom: 1px dotted #000;
    font-size: 15px;
}

.collapsed_container .collapsed_content{
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 250ms ease-out;
}

.collapsed_container .collapsed_content.opened{
    max-height: 400px;
}

/* Alert Box */
.alert_box{
    position: relative;
    display: flex;
    background: #e7dbfd;
    border-radius: 20px;
    padding: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.alert_box .text{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.alert_box .text p{
    margin: 0;
}

.alert_box .buttons{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.alert_box .buttons .button.dark .icon{
    font-variation-settings:
        'FILL' 1,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24;
}

.alert_box .close{
    transition: all 250ms ease-out;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 250ms ease-out;
    position: absolute;
    top: 5px;
    right: 5px;
}

.alert_box .close:hover{
    background-color: #ddd4d5;
}

@media screen and (max-width: 700px) {
    .alert_box {
        flex-direction: column;
        text-align: center;
    }

    .alert_box .buttons{
        width: 100%;
        margin-top: 15px;
        margin-left: 0px;
    }

    .alert_box .buttons .button{
        width: 100%;
    }
}


/* Fields */
.base_area{
    border: none;
    border-radius: 5px;
    width: 100%;
    min-height: 80px;
    max-height: 150px;
    padding: 20px;
    background: #f6f6f6;
    color: #2a2a28;

    transition: all 250ms ease-out;
}

.base_area:hover{
    background: #ededed;
}

.base_area:focus{
    background: #ededed;
}

.base_input{
    border: none;
    border-radius: 5px;
    width: 100%;
    background: #f6f6f6;
    color: #2a2a28;
    transition: all 250ms ease-out;
    padding: 10px;
}

.base_input:hover{
    background: #ededed;
}

.base_input:focus{
    background: #ededed;
}

/* Basic Loader */
.basic_loader{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* Content List */
.content_list{
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* Modal */
.game_modal{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    -ms-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
    z-index: 90;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.game_modal .modal_window {
    position: relative;
    background: #ffffff;
    padding: 20px;
    margin: 20px;
    max-width: 450px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 18px 19px -9px rgba(34, 60, 80, 0.18);
    -moz-box-shadow: 0px 18px 19px -9px rgba(34, 60, 80, 0.18);
    box-shadow: 0px 18px 19px -9px rgba(34, 60, 80, 0.18);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.game_modal .modal_window .header{
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.game_modal .modal_window .header h3{
    width: 100%;
    margin: 0;
    text-align: center;
}

.game_modal .modal_window .header .close{
    transition: all 250ms ease-out;
    position: relative;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 250ms ease-out;
}

.game_modal .modal_window .header .close:hover{
    background-color: #ddd4d5;
}

.game_modal .modal_window .body{
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 10px;
}

.game_modal .modal_window .body p{
    margin: 0;
}

.game_modal .modal_window .footer{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

/* Basic Cards */
.card_basic{
    position: relative;
    background: #f0efeb;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card_basic.blue{
    background: #d4dce9;
}

.card_basic.blue .icon_container span{
    color: #bbc6d9;
}

.card_basic .card_body{
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    width: 100%;
    z-index: 2;
}

.card_basic .card_body h3{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
}

.card_basic .card_body h4{
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.card_basic .card_body .button{
    width: 100%;
}

.card_basic .card_body p{
    margin: 0;
    width: 100%;
    text-align: center;
}

.card_basic .icon_container{
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
}

.card_basic .icon_container span{
    font-size: 72px;
    font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24;
    color: #d2d1ce;
}

.card_basic.achievement{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.card_basic.achievement .card_body{
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}

.card_basic.achievement .card_body h3{
    text-align: left;
    font-size: 22px;
}

.card_basic.achievement .card_body p{
    text-align: left;
    margin-bottom: 20px;
}

.card_basic.achievement .card_icon{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: 20px;
    background: #e8e2d6;
    border-radius: 48px;
}

.card_basic.achievement .card_icon span{
    font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}

.card_basic.achievement.locked{
    background: #ededed;
}

.card_basic.achievement.locked .card_body h3{
    color: #696969;
}

.card_basic.achievement.locked .card_body p{
    color: #696969;
}

.card_basic.achievement.locked .card_icon{
    background: #c9c9c9;
}

.card_basic.achievement.locked .card_icon span{
    font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
    color: #606060;
}

.card_basic.quest{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.card_basic.quest .card_body{
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}

.card_basic.quest .card_body h3{
    text-align: left;
    font-size: 25px;
}

.card_basic.quest .card_body p{
    text-align: left;
    margin-bottom: 20px;
}

.card_basic.quest .card_body label{
    font-size: 14px;
    font-weight: bold;
}

.card_basic.quest .card_body .status{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.card_basic.quest .card_body .status .state{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #e8e2d6;
    padding: 7px;
    border-radius: 10px;
    margin-right: 10px;
}

.card_basic.quest .card_icon{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: 20px;
    background: #e8e2d6;
    border-radius: 48px;
}

.card_basic.quest .card_icon span{
    font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}

.card_basic.quest.completed{
    background: #c5d9c7;
}

.card_basic.quest.completed .card_body h3{
    color: #535e54;
}

.card_basic.quest.completed .card_body p{
    color: #535e54;
}

.card_basic.quest.completed .card_body label{
    color: #535e54;
}

.card_basic.quest.completed .card_icon{
    background: #a9c0ab;
}

.card_basic.quest.completed .card_icon span{
    font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
    color: #e5ffe8;
}

.card_basic.quest.completed .card_body .status .state{
    background: #a9c0ab;
    font-weight: bold;
}

.card_basic.quest .card_body .button{
    width: auto;
    padding: 7px;
    margin-left: 10px;
}

.card_basic.rewarded{
    background: #d4dce9;
    overflow: hidden;
}

.card_basic.rewarded .card_body{
    max-width: 70%;
    position: relative;
    z-index: 2;
}
.card_basic.rewarded .card_body p{
    font-size: 14px;
}

.card_basic.rewarded .card_reward{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 45%;
    right: 0;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card_basic.rewarded .card_reward img{
    width: 100%;
}

/* Leaderboards */
.leaderboard{
    background: #f0efeb;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 20px
}

.leaderboard.gold{
    background: #fff2b7;
}

.leaderboard.silver{
    background: #ededed;
}

.leaderboard.bronze{
    background: #e8e2d6;
}

.leaderboard .place{
    position: absolute;
    font-size: 55px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.1);
    bottom: -26px;
    right: 20px;
}

.leaderboard .ava_box{
    position: relative;
    display: flex;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.leaderboard .ava_box img{
    width: 100%;
}

.leaderboard .name{
    flex: 1;
    z-index: 2;
}

.leaderboard .points_section{
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.leaderboard .name h3{
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.leaderboard .name p{
    margin: 0;
    font-size: 14px;
}

.leaderboard .points_bar .icon{
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.leaderboard .points{
    font-size: 14px;
}

/* Count Box */
.count_box{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.count_box .counter{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 4;
    width: 80px;
    height: 80px;
    overflow: hidden;
    background: #ededed;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    border: 4px solid #ffb29e;
}

.count_box .counter h2{
    margin: 0;
    font-size: 40px;
}

.count_box .counter label{
    font-size: 14px;
    margin-top: -10px;
}

.count_box .days{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.count_box .days .day{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background: #ededed;
    width: 32px;
    height: 32px;
    border-radius: 50px;
}

.count_box .days .day.current::after{
    content: "";
    width: 4px;
    height: 60px;
    position: absolute;
    z-index: 1;
    background: #ffb29e;
    top: -60px;
}

.count_box .days .day.current{
    background: #ffb29e;
}

.count_box .days .day.complete{
    background: #ffb29e;
    font-weight: bold;
    color: #fff;
}

.count_box .days .day.complete span{
    font-variation-settings:
        'FILL' 1,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24
}

.count_box .days .day .circle{
    position: relative;
    width: 14px;
    height: 14px;
    background: #ededed;
    border-radius: 40px;
}

.count_box .days .progress_line{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: #ffc5b7;
    border-radius: 20px;
    z-index: 1;
}

/* Progress */
.game_progress{
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.game_progress .bg{
    position: relative;
    width: 100%;
    height: 10px;
    background: #bec7d5;
    border-radius: 20px;
    overflow: hidden;
}

.game_progress .value{
    position: relative;
    height: 10px;
    background: #87afa7;
    border-radius: 20px;
}

.game_progress .labels{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.game_progress .labels label span{
    font-weight: bold;
    font-size: 18px;
    line-height: 10px;
    padding-top: 4px;
}

.game_progress .labels label{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #bec7d5;
    width: 48px;
    height: 48px;
    font-size: 14px;
    border-radius: 48px;
}

.game_progress .labels label.active{
    color: #fff;
    background: #87afa7;
}

/* Timeline */
.base-timeline{
    position: relative;
    width: 100%;
}

.base-timeline-item{
    display: flex;
    position: relative;
}

.base-timeline .base-timeline-item::before {
    background: #d4dce9;
    content: "";
    height: 100%;
    left: 19px;
    position: absolute;
    top: 20px;
    width: 2px;
	z-index: 0;
}

.base-timeline-item .base-timeline-icon{
    font-variation-settings:
        'FILL' 1,
        'wght' 100,
        'GRAD' 0,
        'opsz' 24;
}

.base-timeline-item .base-timeline-icon .badge{
    width: 50px;
    height: 50px;
    background: #7f42e1;
    z-index: 2;
    position: relative;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
}

.base-timeline-item .base-timeline-icon .badge label{
    font-size: 12px;
    display: block;
    color: #fff;
}

.base-timeline-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
    margin-left: 10px;
    border-radius: 20px;
}

.base-timeline-content .title{
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.base-timeline-content .title h3{
    margin: 0;
    font-weight: bold;
    font-size: 26px;
}

.base-timeline-content .title span{
    font-size: 14px;
    background: #ddd4d5;
    padding: 5px 10px;
    border-radius: 10px;
}

.base-timeline-content .body{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
}

.base-timeline-content .body h3{
    font-size: 18px;
    font-weight: bold;
}

.base-timeline-content .body p{
    font-size: 15px;
    margin: 0;
}

.base-timeline-content .body .button{
    width: 100%;
}

.base-timeline-content .footer{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.base-timeline-content .divider{
    position: relative;
    width: 100%;
    height: 1px;
    background: #d0cec7;
    margin-top: 15px;
    margin-bottom: 15px;
}

.base-timeline-content.today .divider{
    background: #d9d2c6;
}

.base-timeline-content.start .divider{
    background: #b1b9c7;
}

.base-timeline-content .footer .desc{
    font-weight: bold;
}

.base-timeline-content.today{
    background: #e7dbfd;
}

.base-timeline-content.start{
    background: #e7dbfd;
}

.base-timeline-content.start .title{
    margin: 0;
    text-align: center;
    width: 100%;
}

.base-timeline-content.start .title h3{
    width: 100%;
    text-align: center;
}

/* Tasks List */
.tasklist{
    padding: 0;
    position: relative;
    list-style: none;
}

.tasklist li{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.tasklist li span{
    margin-right: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.tasklist li span.completed{
    color: #57ab8a;
}

.tasklist li span.in_progress{
    color: #b5b5b5;
}
.tasklist li span.failed{
    color: #b0898e;
}

/* Avatar */
.ava_box{
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100px;
    height: 100px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 15px auto;
}

.ava_box.small{
    width: 48px;
    height: 48px;
}

.ava_box img{
    max-width: 100%;
}

/* Utils */
.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.nodrag {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: none;
}

.hidden {
    display: none;
}

/* Toast */
.toast-notification {
    position: fixed;
    text-decoration: none;
    z-index: 999999;
    max-width: 300px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    display: flex;
    padding: 10px;
    transform: translate(0, -150%);
}

.toast-notification .toast-notification-wrapper {
    flex: 1;
    padding-right: 10px;
    overflow: hidden;
}

.toast-notification .toast-notification-wrapper .toast-notification-header {
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    color: #4f525a;
}

.toast-notification .toast-notification-wrapper .toast-notification-content {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #4f525a;
}

.toast-notification .toast-notification-close {
    appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 4px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.2);
}

.toast-notification .toast-notification-close:hover {
    color: rgba(0, 0, 0, 0.4);
}

.toast-notification.toast-notification-top-center {
    transform: translate(calc(50vw - 50%), -150%);
}

.toast-notification.toast-notification-bottom-left,
.toast-notification.toast-notification-bottom-right {
    transform: translate(0, 150%);
}

.toast-notification.toast-notification-bottom-center {
    transform: translate(calc(50vw - 50%), 150%);
}

.toast-notification.toast-notification-dark {
    background-color: #2d2e31;
}

.toast-notification.toast-notification-dark .toast-notification-wrapper .toast-notification-header {
    color: #edeff3;
}

.toast-notification.toast-notification-dark .toast-notification-wrapper .toast-notification-content {
    color: #edeff3;
}

.toast-notification.toast-notification-dark .toast-notification-close {
    color: rgba(255, 255, 255, 0.2);
}

.toast-notification.toast-notification-dark .toast-notification-close:hover {
    color: rgba(255, 255, 255, 0.4);
}

.toast-notification.toast-notification-success {
    background-color: #C3F3D7;
    border-left: 4px solid #51a775;
}

.toast-notification.toast-notification-success .toast-notification-wrapper .toast-notification-header {
    color: #51a775;
}

.toast-notification.toast-notification-success .toast-notification-wrapper .toast-notification-content {
    color: #51a775;
}

.toast-notification.toast-notification-success .toast-notification-close {
    color: rgba(0, 0, 0, 0.2);
}

.toast-notification.toast-notification-success .toast-notification-close:hover {
    color: rgba(0, 0, 0, 0.4);
}

.toast-notification.toast-notification-error {
    background-color: #f3c3c3;
    border-left: 4px solid #a75151;
}

.toast-notification.toast-notification-error .toast-notification-wrapper .toast-notification-header {
    color: #a75151;
}

.toast-notification.toast-notification-error .toast-notification-wrapper .toast-notification-content {
    color: #a75151;
}

.toast-notification.toast-notification-error .toast-notification-close {
    color: rgba(0, 0, 0, 0.2);
}

.toast-notification.toast-notification-error .toast-notification-close:hover {
    color: rgba(0, 0, 0, 0.4);
}

.toast-notification.toast-notification-verified {
    background-color: #d0eaff;
    border-left: 4px solid #6097b8;
}

.toast-notification.toast-notification-verified .toast-notification-wrapper .toast-notification-header {
    color: #6097b8;
}

.toast-notification.toast-notification-verified .toast-notification-wrapper .toast-notification-content {
    color: #6097b8;
}

.toast-notification.toast-notification-verified .toast-notification-close {
    color: rgba(0, 0, 0, 0.2);
}

.toast-notification.toast-notification-verified .toast-notification-close:hover {
    color: rgba(0, 0, 0, 0.4);
}

.toast-notification.toast-notification-dimmed {
    opacity: .3;
}

.toast-notification.toast-notification-dimmed:hover,
.toast-notification.toast-notification-dimmed:active {
    opacity: 1;
}

/* Scrollbar */
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    height: 9px;
    width: 9px;
}

*::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #e7dbfc;
}

*::-webkit-scrollbar-track:hover {
    background-color: #e7dbfc;
}

*::-webkit-scrollbar-track:active {
    background-color: #e7dbfc;
}

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #7f42e1;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #7f42e1;
}

*::-webkit-scrollbar-thumb:active {
    background-color: #6d3abf;
}

/* Animations */
.shaked__anim1 {
    animation: shaked 20s ease-in-out 0s infinite normal forwards;
}

.shaked__anim2 {
    animation: shaked_inverse 30s ease-in-out 0s infinite normal forwards;
}

.shaked__anim3 {
    animation: shaked 40s ease-in-out 0s infinite normal forwards;
}

.shaked__anim4 {
    animation: shaked_inverse 20s ease-in-out 0s infinite normal forwards;
}

.shaked__anim5 {
    animation: shaked 30s ease-in-out 0s infinite normal forwards;
}

/* Starts */
#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 34px 1756px #FFF, 913px 555px #FFF, 1635px 684px #FFF, 1920px 1684px #FFF, 447px 1517px #FFF, 1883px 1864px #FFF, 1334px 563px #FFF, 359px 695px #FFF, 59px 1203px #FFF, 942px 1297px #FFF, 1290px 424px #FFF, 1075px 1395px #FFF, 715px 1657px #FFF, 1327px 1103px #FFF, 35px 781px #FFF, 1208px 1368px #FFF, 1186px 923px #FFF, 498px 1174px #FFF, 869px 1715px #FFF, 1744px 1325px #FFF, 1373px 1551px #FFF, 101px 203px #FFF, 1816px 388px #FFF, 1271px 972px #FFF, 346px 1472px #FFF, 1266px 1034px #FFF, 1911px 1109px #FFF, 1964px 1587px #FFF, 1752px 147px #FFF, 817px 1690px #FFF, 79px 817px #FFF, 364px 367px #FFF, 947px 126px #FFF, 656px 1539px #FFF, 1744px 128px #FFF, 694px 621px #FFF, 446px 1902px #FFF, 1935px 1210px #FFF, 1424px 1059px #FFF, 680px 1519px #FFF, 228px 939px #FFF, 1565px 1639px #FFF, 689px 948px #FFF, 19px 421px #FFF, 1352px 1507px #FFF, 1641px 1355px #FFF, 1846px 746px #FFF, 1792px 1174px #FFF, 1669px 115px #FFF, 1216px 571px #FFF, 776px 463px #FFF, 1403px 581px #FFF, 324px 1780px #FFF, 465px 549px #FFF, 121px 1202px #FFF, 1249px 696px #FFF, 806px 1392px #FFF, 1991px 396px #FFF, 1298px 1096px #FFF, 1455px 533px #FFF, 1829px 1803px #FFF, 569px 1946px #FFF, 1848px 891px #FFF, 1521px 1272px #FFF, 1530px 773px #FFF, 1571px 1976px #FFF, 238px 1349px #FFF, 776px 1634px #FFF, 1152px 1523px #FFF, 406px 980px #FFF, 240px 1903px #FFF, 28px 22px #FFF, 341px 1722px #FFF, 641px 1743px #FFF, 245px 1341px #FFF, 609px 635px #FFF, 1292px 574px #FFF, 452px 1105px #FFF, 1166px 664px #FFF, 1205px 1899px #FFF, 682px 1490px #FFF, 724px 760px #FFF, 1132px 1657px #FFF, 151px 1533px #FFF, 631px 490px #FFF, 85px 231px #FFF, 972px 1114px #FFF, 320px 134px #FFF, 800px 1648px #FFF, 1568px 1466px #FFF, 682px 639px #FFF, 1255px 661px #FFF, 1941px 1949px #FFF, 662px 1812px #FFF, 1650px 299px #FFF, 351px 374px #FFF, 729px 7px #FFF, 1577px 275px #FFF, 1456px 1775px #FFF, 64px 1534px #FFF, 434px 1382px #FFF, 1404px 1451px #FFF, 965px 654px #FFF, 1066px 266px #FFF, 562px 1680px #FFF, 104px 145px #FFF, 471px 544px #FFF, 1295px 261px #FFF, 602px 883px #FFF, 1349px 31px #FFF, 162px 788px #FFF, 69px 1126px #FFF, 1252px 937px #FFF, 1349px 1307px #FFF, 718px 541px #FFF, 1945px 1429px #FFF, 1018px 1532px #FFF, 1970px 434px #FFF, 192px 1700px #FFF, 578px 1656px #FFF, 1278px 1121px #FFF, 44px 1826px #FFF, 1204px 1618px #FFF, 848px 323px #FFF, 86px 619px #FFF, 915px 5px #FFF, 939px 1669px #FFF, 1474px 649px #FFF, 855px 868px #FFF, 344px 1859px #FFF, 1097px 267px #FFF, 25px 1639px #FFF, 1831px 1992px #FFF, 1330px 956px #FFF, 648px 1019px #FFF, 1068px 761px #FFF, 1195px 408px #FFF, 301px 1433px #FFF, 1519px 411px #FFF, 1272px 1019px #FFF, 627px 370px #FFF, 1872px 1514px #FFF, 1827px 1592px #FFF, 695px 1332px #FFF, 1396px 853px #FFF, 164px 1442px #FFF, 639px 1198px #FFF, 697px 948px #FFF, 98px 942px #FFF, 407px 865px #FFF, 151px 1521px #FFF, 1927px 1271px #FFF, 1447px 601px #FFF, 623px 1941px #FFF, 1761px 939px #FFF, 343px 1320px #FFF, 1033px 1778px #FFF, 1818px 1385px #FFF, 1323px 951px #FFF, 1939px 1476px #FFF, 477px 322px #FFF, 1333px 1947px #FFF, 1138px 113px #FFF, 1314px 620px #FFF, 330px 1383px #FFF, 763px 1416px #FFF, 218px 1192px #FFF, 744px 250px #FFF, 992px 876px #FFF, 123px 916px #FFF, 168px 1819px #FFF, 650px 1236px #FFF, 869px 1532px #FFF, 1398px 416px #FFF, 410px 1787px #FFF, 314px 1379px #FFF, 535px 1733px #FFF, 1064px 428px #FFF, 1457px 551px #FFF, 355px 1256px #FFF, 835px 1138px #FFF, 802px 1119px #FFF, 1340px 1175px #FFF, 1467px 453px #FFF, 492px 288px #FFF, 134px 843px #FFF, 1171px 622px #FFF, 1071px 1030px #FFF, 1779px 1257px #FFF, 799px 1229px #FFF, 1168px 280px #FFF, 1533px 1132px #FFF, 1812px 370px #FFF, 1252px 741px #FFF, 827px 195px #FFF, 1497px 1567px #FFF, 1209px 753px #FFF, 773px 1772px #FFF, 1334px 1409px #FFF, 1716px 394px #FFF, 1702px 1468px #FFF, 1645px 1909px #FFF, 181px 1711px #FFF, 1611px 1203px #FFF, 1486px 198px #FFF, 1463px 1133px #FFF, 408px 604px #FFF, 845px 665px #FFF, 1973px 147px #FFF, 666px 1566px #FFF, 1710px 897px #FFF, 1994px 1659px #FFF, 1245px 327px #FFF, 856px 625px #FFF, 966px 1394px #FFF, 955px 560px #FFF, 971px 1491px #FFF, 891px 412px #FFF, 1790px 1934px #FFF, 1276px 1716px #FFF, 1599px 974px #FFF, 1363px 975px #FFF, 87px 112px #FFF, 1280px 477px #FFF, 1050px 208px #FFF, 832px 1693px #FFF, 1418px 1418px #FFF, 396px 356px #FFF, 961px 992px #FFF, 254px 1273px #FFF, 444px 1736px #FFF, 1711px 1999px #FFF, 1890px 1667px #FFF, 1566px 642px #FFF, 624px 916px #FFF, 489px 792px #FFF, 679px 388px #FFF, 496px 1px #FFF, 110px 1407px #FFF, 1465px 1956px #FFF, 1332px 423px #FFF, 1908px 961px #FFF, 1553px 1320px #FFF, 1795px 1090px #FFF, 284px 1597px #FFF, 537px 123px #FFF, 1000px 1325px #FFF, 474px 1889px #FFF, 1223px 230px #FFF, 1592px 983px #FFF, 145px 241px #FFF, 1939px 232px #FFF, 1060px 94px #FFF, 403px 472px #FFF, 272px 413px #FFF, 1589px 964px #FFF, 1348px 1926px #FFF, 1634px 802px #FFF, 863px 545px #FFF, 1156px 95px #FFF, 420px 546px #FFF, 812px 638px #FFF, 1949px 863px #FFF, 1050px 107px #FFF, 107px 450px #FFF, 568px 1121px #FFF, 793px 1809px #FFF, 1313px 1068px #FFF, 1495px 1276px #FFF, 931px 256px #FFF, 1108px 651px #FFF, 1554px 676px #FFF, 1839px 481px #FFF, 126px 744px #FFF, 763px 1903px #FFF, 1808px 670px #FFF, 107px 879px #FFF, 185px 1440px #FFF, 875px 512px #FFF, 1026px 674px #FFF, 1459px 1830px #FFF, 783px 1255px #FFF, 940px 1130px #FFF, 1665px 972px #FFF, 1147px 1866px #FFF, 134px 602px #FFF, 1040px 1661px #FFF, 202px 1076px #FFF, 1541px 1922px #FFF, 894px 1836px #FFF, 1128px 952px #FFF, 409px 1736px #FFF, 54px 1705px #FFF, 1296px 1849px #FFF, 1694px 617px #FFF, 1496px 981px #FFF, 1289px 524px #FFF, 144px 783px #FFF, 848px 327px #FFF, 900px 1395px #FFF, 1169px 1543px #FFF, 927px 759px #FFF, 205px 1750px #FFF, 1431px 1315px #FFF, 1914px 613px #FFF, 209px 832px #FFF, 1230px 1124px #FFF, 1430px 1027px #FFF, 93px 1586px #FFF, 1196px 995px #FFF, 1968px 769px #FFF, 827px 1950px #FFF, 220px 1340px #FFF, 1764px 1663px #FFF, 863px 1353px #FFF, 1903px 400px #FFF, 878px 931px #FFF, 1911px 1287px #FFF, 744px 603px #FFF, 849px 177px #FFF, 1602px 1884px #FFF, 635px 820px #FFF, 486px 1597px #FFF, 759px 1900px #FFF, 53px 677px #FFF, 654px 964px #FFF, 1297px 1214px #FFF, 1786px 607px #FFF, 1667px 1714px #FFF, 1482px 1027px #FFF, 1612px 797px #FFF, 1426px 211px #FFF, 257px 1014px #FFF, 315px 22px #FFF, 1048px 929px #FFF, 1466px 1942px #FFF, 1875px 610px #FFF, 1032px 1675px #FFF, 182px 908px #FFF, 1926px 1799px #FFF, 306px 1594px #FFF, 312px 1331px #FFF, 1596px 989px #FFF, 797px 498px #FFF, 576px 932px #FFF, 262px 311px #FFF, 1543px 124px #FFF, 1379px 178px #FFF, 1834px 838px #FFF, 91px 1037px #FFF, 1154px 1559px #FFF, 860px 1852px #FFF, 1236px 90px #FFF, 973px 1381px #FFF, 624px 1570px #FFF, 275px 1773px #FFF, 1569px 925px #FFF, 1838px 1480px #FFF, 387px 957px #FFF, 1257px 1616px #FFF, 1952px 745px #FFF, 289px 415px #FFF, 1912px 1809px #FFF, 1905px 198px #FFF, 115px 1739px #FFF, 1875px 757px #FFF, 104px 319px #FFF, 1136px 1706px #FFF, 108px 1175px #FFF, 645px 1532px #FFF, 1815px 328px #FFF, 1270px 139px #FFF, 1809px 338px #FFF, 805px 1131px #FFF, 1386px 1404px #FFF, 1750px 1144px #FFF, 1352px 1004px #FFF, 1168px 663px #FFF, 537px 877px #FFF, 1438px 1870px #FFF, 300px 974px #FFF, 1764px 687px #FFF, 79px 1609px #FFF, 1415px 1170px #FFF, 1327px 611px #FFF, 1642px 1074px #FFF, 1195px 1749px #FFF, 14px 1592px #FFF, 777px 1995px #FFF, 1168px 371px #FFF, 966px 19px #FFF, 406px 608px #FFF, 1414px 1869px #FFF, 1846px 1825px #FFF, 496px 709px #FFF, 402px 510px #FFF, 1751px 1178px #FFF, 437px 426px #FFF, 381px 228px #FFF, 1463px 355px #FFF, 407px 1923px #FFF, 1181px 1061px #FFF, 1302px 1822px #FFF, 299px 448px #FFF, 17px 105px #FFF, 780px 1674px #FFF, 694px 112px #FFF, 1224px 1989px #FFF, 1546px 1634px #FFF, 1342px 1348px #FFF, 73px 1712px #FFF, 1360px 705px #FFF, 1591px 1343px #FFF, 1247px 1152px #FFF, 1796px 1059px #FFF, 352px 918px #FFF, 260px 768px #FFF, 1722px 598px #FFF, 1845px 1150px #FFF, 1652px 1818px #FFF, 1436px 1405px #FFF, 950px 581px #FFF, 1107px 1344px #FFF, 1625px 1225px #FFF, 1353px 640px #FFF, 979px 739px #FFF, 758px 1848px #FFF, 469px 1801px #FFF, 1643px 488px #FFF, 469px 893px #FFF, 501px 1452px #FFF, 1611px 627px #FFF, 1315px 1725px #FFF, 1303px 1533px #FFF, 701px 1378px #FFF, 1227px 1566px #FFF, 1835px 820px #FFF, 215px 1477px #FFF, 489px 1348px #FFF, 814px 331px #FFF, 241px 1065px #FFF, 1857px 993px #FFF, 1718px 1310px #FFF, 299px 390px #FFF, 1318px 1069px #FFF, 1502px 94px #FFF, 1969px 526px #FFF, 704px 203px #FFF, 366px 50px #FFF, 1206px 823px #FFF, 128px 456px #FFF, 1165px 1013px #FFF, 227px 1464px #FFF, 1519px 73px #FFF, 1588px 569px #FFF, 1556px 1019px #FFF, 893px 792px #FFF, 705px 1303px #FFF, 827px 1467px #FFF, 24px 51px #FFF, 1333px 249px #FFF, 1528px 1047px #FFF, 1641px 1376px #FFF, 1902px 1561px #FFF, 414px 1310px #FFF, 1101px 727px #FFF, 1717px 1473px #FFF, 781px 137px #FFF, 88px 737px #FFF, 1956px 1683px #FFF, 810px 1826px #FFF, 1375px 594px #FFF, 685px 1054px #FFF, 1387px 480px #FFF, 1458px 1048px #FFF, 1794px 1820px #FFF, 1678px 648px #FFF, 170px 1263px #FFF, 1481px 216px #FFF, 998px 613px #FFF, 355px 75px #FFF, 677px 93px #FFF, 1647px 1939px #FFF, 1120px 306px #FFF, 1229px 1550px #FFF, 1910px 62px #FFF, 947px 331px #FFF, 1525px 436px #FFF, 880px 1176px #FFF, 8px 770px #FFF, 87px 1504px #FFF, 307px 611px #FFF, 950px 1301px #FFF, 717px 1392px #FFF, 46px 695px #FFF, 480px 336px #FFF, 277px 262px #FFF, 284px 1175px #FFF, 338px 841px #FFF, 161px 854px #FFF, 1930px 319px #FFF, 719px 17px #FFF, 1708px 1777px #FFF, 989px 1801px #FFF, 458px 197px #FFF, 234px 332px #FFF, 718px 385px #FFF, 1786px 527px #FFF, 1831px 9px #FFF, 1814px 611px #FFF, 1535px 1924px #FFF, 484px 1588px #FFF, 1570px 1309px #FFF, 964px 554px #FFF, 1297px 125px #FFF, 695px 912px #FFF, 1045px 900px #FFF, 1041px 46px #FFF, 1341px 1964px #FFF, 1435px 1623px #FFF, 489px 405px #FFF, 1276px 1805px #FFF, 1353px 1784px #FFF, 129px 1584px #FFF, 916px 751px #FFF, 992px 966px #FFF, 586px 1968px #FFF, 168px 31px #FFF, 370px 233px #FFF, 700px 635px #FFF, 841px 1576px #FFF, 82px 968px #FFF, 330px 625px #FFF, 1031px 1322px #FFF, 384px 482px #FFF, 1168px 111px #FFF, 841px 711px #FFF, 116px 1725px #FFF, 713px 1304px #FFF, 1817px 223px #FFF, 215px 1531px #FFF, 221px 344px #FFF, 1758px 1211px #FFF, 1586px 527px #FFF, 1235px 1324px #FFF, 35px 649px #FFF, 467px 1786px #FFF, 253px 1366px #FFF, 1867px 1289px #FFF, 266px 1469px #FFF, 200px 1568px #FFF, 1162px 440px #FFF, 1961px 252px #FFF, 653px 1850px #FFF, 838px 1101px #FFF, 1012px 1674px #FFF, 1634px 10px #FFF, 1572px 1156px #FFF, 1175px 199px #FFF, 441px 1987px #FFF, 1900px 768px #FFF, 1121px 904px #FFF, 724px 1832px #FFF, 1437px 1815px #FFF, 46px 999px #FFF, 923px 1227px #FFF, 1610px 155px #FFF, 1642px 45px #FFF, 146px 440px #FFF, 857px 896px #FFF, 420px 684px #FFF, 1598px 82px #FFF, 227px 123px #FFF, 270px 540px #FFF, 1629px 546px #FFF, 1281px 1560px #FFF, 1351px 603px #FFF, 1386px 812px #FFF, 1222px 1059px #FFF, 328px 1848px #FFF, 1077px 1753px #FFF, 1968px 566px #FFF, 461px 108px #FFF, 1378px 952px #FFF, 63px 845px #FFF, 1517px 1776px #FFF, 271px 541px #FFF, 1125px 291px #FFF, 1433px 1199px #FFF, 374px 1428px #FFF, 1304px 1865px #FFF, 683px 566px #FFF, 243px 712px #FFF, 1592px 1413px #FFF, 1674px 627px #FFF, 482px 1889px #FFF, 1704px 634px #FFF, 1526px 1208px #FFF, 587px 873px #FFF, 1458px 485px #FFF, 1680px 511px #FFF, 1576px 10px #FFF, 363px 131px #FFF, 941px 1508px #FFF, 1368px 118px #FFF, 27px 1068px #FFF, 9px 1704px #FFF, 206px 1128px #FFF, 1342px 312px #FFF, 443px 1387px #FFF, 464px 478px #FFF, 804px 637px #FFF, 48px 1451px #FFF, 53px 667px #FFF, 1594px 1943px #FFF, 881px 735px #FFF, 626px 331px #FFF, 1707px 1631px #FFF, 1838px 429px #FFF, 663px 1024px #FFF, 787px 1796px #FFF, 698px 455px #FFF, 73px 406px #FFF, 517px 865px #FFF, 1699px 1143px #FFF, 672px 1785px #FFF, 1759px 1601px #FFF, 1679px 74px #FFF, 1456px 954px #FFF, 400px 139px #FFF, 1104px 1787px #FFF, 1440px 1974px #FFF, 437px 916px #FFF, 414px 1186px #FFF, 807px 1424px #FFF, 1990px 423px #FFF, 1630px 1833px #FFF, 128px 1453px #FFF, 839px 302px #FFF, 1424px 636px #FFF, 536px 1661px #FFF, 335px 875px #FFF, 40px 478px #FFF, 91px 1324px #FFF, 402px 1788px #FFF, 1461px 239px #FFF, 1664px 1328px #FFF, 1173px 269px #FFF, 607px 1460px #FFF, 476px 1450px #FFF, 1864px 63px #FFF, 1494px 1203px #FFF, 956px 252px #FFF, 1145px 1399px #FFF, 1284px 69px #FFF, 1417px 1555px #FFF, 356px 94px #FFF, 700px 554px #FFF, 512px 308px #FFF, 44px 355px #FFF, 96px 1120px #FFF, 107px 1371px #FFF, 1252px 467px #FFF, 1866px 1819px #FFF, 1565px 334px #FFF, 1467px 439px #FFF, 612px 1615px #FFF, 601px 545px #FFF, 637px 936px #FFF, 195px 173px #FFF, 1759px 533px #FFF, 934px 1790px #FFF, 669px 962px #FFF, 95px 404px #FFF, 1642px 1347px #FFF, 448px 331px #FFF, 1055px 1110px #FFF, 816px 474px #FFF, 1301px 690px #FFF, 1752px 420px #FFF, 762px 1580px #FFF, 1639px 1309px #FFF, 204px 603px #FFF, 619px 89px #FFF, 1936px 681px #FFF, 32px 920px #FFF, 66px 602px #FFF, 734px 1101px #FFF, 83px 966px #FFF, 668px 567px #FFF, 859px 1862px #FFF, 885px 1523px #FFF, 1468px 1963px #FFF, 713px 247px #FFF, 1350px 355px #FFF, 203px 1224px #FFF, 1282px 413px #FFF, 758px 1227px #FFF, 1930px 306px #FFF, 551px 946px #FFF;
    animation: animStar 50s linear infinite;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 34px 1756px #FFF, 913px 555px #FFF, 1635px 684px #FFF, 1920px 1684px #FFF, 447px 1517px #FFF, 1883px 1864px #FFF, 1334px 563px #FFF, 359px 695px #FFF, 59px 1203px #FFF, 942px 1297px #FFF, 1290px 424px #FFF, 1075px 1395px #FFF, 715px 1657px #FFF, 1327px 1103px #FFF, 35px 781px #FFF, 1208px 1368px #FFF, 1186px 923px #FFF, 498px 1174px #FFF, 869px 1715px #FFF, 1744px 1325px #FFF, 1373px 1551px #FFF, 101px 203px #FFF, 1816px 388px #FFF, 1271px 972px #FFF, 346px 1472px #FFF, 1266px 1034px #FFF, 1911px 1109px #FFF, 1964px 1587px #FFF, 1752px 147px #FFF, 817px 1690px #FFF, 79px 817px #FFF, 364px 367px #FFF, 947px 126px #FFF, 656px 1539px #FFF, 1744px 128px #FFF, 694px 621px #FFF, 446px 1902px #FFF, 1935px 1210px #FFF, 1424px 1059px #FFF, 680px 1519px #FFF, 228px 939px #FFF, 1565px 1639px #FFF, 689px 948px #FFF, 19px 421px #FFF, 1352px 1507px #FFF, 1641px 1355px #FFF, 1846px 746px #FFF, 1792px 1174px #FFF, 1669px 115px #FFF, 1216px 571px #FFF, 776px 463px #FFF, 1403px 581px #FFF, 324px 1780px #FFF, 465px 549px #FFF, 121px 1202px #FFF, 1249px 696px #FFF, 806px 1392px #FFF, 1991px 396px #FFF, 1298px 1096px #FFF, 1455px 533px #FFF, 1829px 1803px #FFF, 569px 1946px #FFF, 1848px 891px #FFF, 1521px 1272px #FFF, 1530px 773px #FFF, 1571px 1976px #FFF, 238px 1349px #FFF, 776px 1634px #FFF, 1152px 1523px #FFF, 406px 980px #FFF, 240px 1903px #FFF, 28px 22px #FFF, 341px 1722px #FFF, 641px 1743px #FFF, 245px 1341px #FFF, 609px 635px #FFF, 1292px 574px #FFF, 452px 1105px #FFF, 1166px 664px #FFF, 1205px 1899px #FFF, 682px 1490px #FFF, 724px 760px #FFF, 1132px 1657px #FFF, 151px 1533px #FFF, 631px 490px #FFF, 85px 231px #FFF, 972px 1114px #FFF, 320px 134px #FFF, 800px 1648px #FFF, 1568px 1466px #FFF, 682px 639px #FFF, 1255px 661px #FFF, 1941px 1949px #FFF, 662px 1812px #FFF, 1650px 299px #FFF, 351px 374px #FFF, 729px 7px #FFF, 1577px 275px #FFF, 1456px 1775px #FFF, 64px 1534px #FFF, 434px 1382px #FFF, 1404px 1451px #FFF, 965px 654px #FFF, 1066px 266px #FFF, 562px 1680px #FFF, 104px 145px #FFF, 471px 544px #FFF, 1295px 261px #FFF, 602px 883px #FFF, 1349px 31px #FFF, 162px 788px #FFF, 69px 1126px #FFF, 1252px 937px #FFF, 1349px 1307px #FFF, 718px 541px #FFF, 1945px 1429px #FFF, 1018px 1532px #FFF, 1970px 434px #FFF, 192px 1700px #FFF, 578px 1656px #FFF, 1278px 1121px #FFF, 44px 1826px #FFF, 1204px 1618px #FFF, 848px 323px #FFF, 86px 619px #FFF, 915px 5px #FFF, 939px 1669px #FFF, 1474px 649px #FFF, 855px 868px #FFF, 344px 1859px #FFF, 1097px 267px #FFF, 25px 1639px #FFF, 1831px 1992px #FFF, 1330px 956px #FFF, 648px 1019px #FFF, 1068px 761px #FFF, 1195px 408px #FFF, 301px 1433px #FFF, 1519px 411px #FFF, 1272px 1019px #FFF, 627px 370px #FFF, 1872px 1514px #FFF, 1827px 1592px #FFF, 695px 1332px #FFF, 1396px 853px #FFF, 164px 1442px #FFF, 639px 1198px #FFF, 697px 948px #FFF, 98px 942px #FFF, 407px 865px #FFF, 151px 1521px #FFF, 1927px 1271px #FFF, 1447px 601px #FFF, 623px 1941px #FFF, 1761px 939px #FFF, 343px 1320px #FFF, 1033px 1778px #FFF, 1818px 1385px #FFF, 1323px 951px #FFF, 1939px 1476px #FFF, 477px 322px #FFF, 1333px 1947px #FFF, 1138px 113px #FFF, 1314px 620px #FFF, 330px 1383px #FFF, 763px 1416px #FFF, 218px 1192px #FFF, 744px 250px #FFF, 992px 876px #FFF, 123px 916px #FFF, 168px 1819px #FFF, 650px 1236px #FFF, 869px 1532px #FFF, 1398px 416px #FFF, 410px 1787px #FFF, 314px 1379px #FFF, 535px 1733px #FFF, 1064px 428px #FFF, 1457px 551px #FFF, 355px 1256px #FFF, 835px 1138px #FFF, 802px 1119px #FFF, 1340px 1175px #FFF, 1467px 453px #FFF, 492px 288px #FFF, 134px 843px #FFF, 1171px 622px #FFF, 1071px 1030px #FFF, 1779px 1257px #FFF, 799px 1229px #FFF, 1168px 280px #FFF, 1533px 1132px #FFF, 1812px 370px #FFF, 1252px 741px #FFF, 827px 195px #FFF, 1497px 1567px #FFF, 1209px 753px #FFF, 773px 1772px #FFF, 1334px 1409px #FFF, 1716px 394px #FFF, 1702px 1468px #FFF, 1645px 1909px #FFF, 181px 1711px #FFF, 1611px 1203px #FFF, 1486px 198px #FFF, 1463px 1133px #FFF, 408px 604px #FFF, 845px 665px #FFF, 1973px 147px #FFF, 666px 1566px #FFF, 1710px 897px #FFF, 1994px 1659px #FFF, 1245px 327px #FFF, 856px 625px #FFF, 966px 1394px #FFF, 955px 560px #FFF, 971px 1491px #FFF, 891px 412px #FFF, 1790px 1934px #FFF, 1276px 1716px #FFF, 1599px 974px #FFF, 1363px 975px #FFF, 87px 112px #FFF, 1280px 477px #FFF, 1050px 208px #FFF, 832px 1693px #FFF, 1418px 1418px #FFF, 396px 356px #FFF, 961px 992px #FFF, 254px 1273px #FFF, 444px 1736px #FFF, 1711px 1999px #FFF, 1890px 1667px #FFF, 1566px 642px #FFF, 624px 916px #FFF, 489px 792px #FFF, 679px 388px #FFF, 496px 1px #FFF, 110px 1407px #FFF, 1465px 1956px #FFF, 1332px 423px #FFF, 1908px 961px #FFF, 1553px 1320px #FFF, 1795px 1090px #FFF, 284px 1597px #FFF, 537px 123px #FFF, 1000px 1325px #FFF, 474px 1889px #FFF, 1223px 230px #FFF, 1592px 983px #FFF, 145px 241px #FFF, 1939px 232px #FFF, 1060px 94px #FFF, 403px 472px #FFF, 272px 413px #FFF, 1589px 964px #FFF, 1348px 1926px #FFF, 1634px 802px #FFF, 863px 545px #FFF, 1156px 95px #FFF, 420px 546px #FFF, 812px 638px #FFF, 1949px 863px #FFF, 1050px 107px #FFF, 107px 450px #FFF, 568px 1121px #FFF, 793px 1809px #FFF, 1313px 1068px #FFF, 1495px 1276px #FFF, 931px 256px #FFF, 1108px 651px #FFF, 1554px 676px #FFF, 1839px 481px #FFF, 126px 744px #FFF, 763px 1903px #FFF, 1808px 670px #FFF, 107px 879px #FFF, 185px 1440px #FFF, 875px 512px #FFF, 1026px 674px #FFF, 1459px 1830px #FFF, 783px 1255px #FFF, 940px 1130px #FFF, 1665px 972px #FFF, 1147px 1866px #FFF, 134px 602px #FFF, 1040px 1661px #FFF, 202px 1076px #FFF, 1541px 1922px #FFF, 894px 1836px #FFF, 1128px 952px #FFF, 409px 1736px #FFF, 54px 1705px #FFF, 1296px 1849px #FFF, 1694px 617px #FFF, 1496px 981px #FFF, 1289px 524px #FFF, 144px 783px #FFF, 848px 327px #FFF, 900px 1395px #FFF, 1169px 1543px #FFF, 927px 759px #FFF, 205px 1750px #FFF, 1431px 1315px #FFF, 1914px 613px #FFF, 209px 832px #FFF, 1230px 1124px #FFF, 1430px 1027px #FFF, 93px 1586px #FFF, 1196px 995px #FFF, 1968px 769px #FFF, 827px 1950px #FFF, 220px 1340px #FFF, 1764px 1663px #FFF, 863px 1353px #FFF, 1903px 400px #FFF, 878px 931px #FFF, 1911px 1287px #FFF, 744px 603px #FFF, 849px 177px #FFF, 1602px 1884px #FFF, 635px 820px #FFF, 486px 1597px #FFF, 759px 1900px #FFF, 53px 677px #FFF, 654px 964px #FFF, 1297px 1214px #FFF, 1786px 607px #FFF, 1667px 1714px #FFF, 1482px 1027px #FFF, 1612px 797px #FFF, 1426px 211px #FFF, 257px 1014px #FFF, 315px 22px #FFF, 1048px 929px #FFF, 1466px 1942px #FFF, 1875px 610px #FFF, 1032px 1675px #FFF, 182px 908px #FFF, 1926px 1799px #FFF, 306px 1594px #FFF, 312px 1331px #FFF, 1596px 989px #FFF, 797px 498px #FFF, 576px 932px #FFF, 262px 311px #FFF, 1543px 124px #FFF, 1379px 178px #FFF, 1834px 838px #FFF, 91px 1037px #FFF, 1154px 1559px #FFF, 860px 1852px #FFF, 1236px 90px #FFF, 973px 1381px #FFF, 624px 1570px #FFF, 275px 1773px #FFF, 1569px 925px #FFF, 1838px 1480px #FFF, 387px 957px #FFF, 1257px 1616px #FFF, 1952px 745px #FFF, 289px 415px #FFF, 1912px 1809px #FFF, 1905px 198px #FFF, 115px 1739px #FFF, 1875px 757px #FFF, 104px 319px #FFF, 1136px 1706px #FFF, 108px 1175px #FFF, 645px 1532px #FFF, 1815px 328px #FFF, 1270px 139px #FFF, 1809px 338px #FFF, 805px 1131px #FFF, 1386px 1404px #FFF, 1750px 1144px #FFF, 1352px 1004px #FFF, 1168px 663px #FFF, 537px 877px #FFF, 1438px 1870px #FFF, 300px 974px #FFF, 1764px 687px #FFF, 79px 1609px #FFF, 1415px 1170px #FFF, 1327px 611px #FFF, 1642px 1074px #FFF, 1195px 1749px #FFF, 14px 1592px #FFF, 777px 1995px #FFF, 1168px 371px #FFF, 966px 19px #FFF, 406px 608px #FFF, 1414px 1869px #FFF, 1846px 1825px #FFF, 496px 709px #FFF, 402px 510px #FFF, 1751px 1178px #FFF, 437px 426px #FFF, 381px 228px #FFF, 1463px 355px #FFF, 407px 1923px #FFF, 1181px 1061px #FFF, 1302px 1822px #FFF, 299px 448px #FFF, 17px 105px #FFF, 780px 1674px #FFF, 694px 112px #FFF, 1224px 1989px #FFF, 1546px 1634px #FFF, 1342px 1348px #FFF, 73px 1712px #FFF, 1360px 705px #FFF, 1591px 1343px #FFF, 1247px 1152px #FFF, 1796px 1059px #FFF, 352px 918px #FFF, 260px 768px #FFF, 1722px 598px #FFF, 1845px 1150px #FFF, 1652px 1818px #FFF, 1436px 1405px #FFF, 950px 581px #FFF, 1107px 1344px #FFF, 1625px 1225px #FFF, 1353px 640px #FFF, 979px 739px #FFF, 758px 1848px #FFF, 469px 1801px #FFF, 1643px 488px #FFF, 469px 893px #FFF, 501px 1452px #FFF, 1611px 627px #FFF, 1315px 1725px #FFF, 1303px 1533px #FFF, 701px 1378px #FFF, 1227px 1566px #FFF, 1835px 820px #FFF, 215px 1477px #FFF, 489px 1348px #FFF, 814px 331px #FFF, 241px 1065px #FFF, 1857px 993px #FFF, 1718px 1310px #FFF, 299px 390px #FFF, 1318px 1069px #FFF, 1502px 94px #FFF, 1969px 526px #FFF, 704px 203px #FFF, 366px 50px #FFF, 1206px 823px #FFF, 128px 456px #FFF, 1165px 1013px #FFF, 227px 1464px #FFF, 1519px 73px #FFF, 1588px 569px #FFF, 1556px 1019px #FFF, 893px 792px #FFF, 705px 1303px #FFF, 827px 1467px #FFF, 24px 51px #FFF, 1333px 249px #FFF, 1528px 1047px #FFF, 1641px 1376px #FFF, 1902px 1561px #FFF, 414px 1310px #FFF, 1101px 727px #FFF, 1717px 1473px #FFF, 781px 137px #FFF, 88px 737px #FFF, 1956px 1683px #FFF, 810px 1826px #FFF, 1375px 594px #FFF, 685px 1054px #FFF, 1387px 480px #FFF, 1458px 1048px #FFF, 1794px 1820px #FFF, 1678px 648px #FFF, 170px 1263px #FFF, 1481px 216px #FFF, 998px 613px #FFF, 355px 75px #FFF, 677px 93px #FFF, 1647px 1939px #FFF, 1120px 306px #FFF, 1229px 1550px #FFF, 1910px 62px #FFF, 947px 331px #FFF, 1525px 436px #FFF, 880px 1176px #FFF, 8px 770px #FFF, 87px 1504px #FFF, 307px 611px #FFF, 950px 1301px #FFF, 717px 1392px #FFF, 46px 695px #FFF, 480px 336px #FFF, 277px 262px #FFF, 284px 1175px #FFF, 338px 841px #FFF, 161px 854px #FFF, 1930px 319px #FFF, 719px 17px #FFF, 1708px 1777px #FFF, 989px 1801px #FFF, 458px 197px #FFF, 234px 332px #FFF, 718px 385px #FFF, 1786px 527px #FFF, 1831px 9px #FFF, 1814px 611px #FFF, 1535px 1924px #FFF, 484px 1588px #FFF, 1570px 1309px #FFF, 964px 554px #FFF, 1297px 125px #FFF, 695px 912px #FFF, 1045px 900px #FFF, 1041px 46px #FFF, 1341px 1964px #FFF, 1435px 1623px #FFF, 489px 405px #FFF, 1276px 1805px #FFF, 1353px 1784px #FFF, 129px 1584px #FFF, 916px 751px #FFF, 992px 966px #FFF, 586px 1968px #FFF, 168px 31px #FFF, 370px 233px #FFF, 700px 635px #FFF, 841px 1576px #FFF, 82px 968px #FFF, 330px 625px #FFF, 1031px 1322px #FFF, 384px 482px #FFF, 1168px 111px #FFF, 841px 711px #FFF, 116px 1725px #FFF, 713px 1304px #FFF, 1817px 223px #FFF, 215px 1531px #FFF, 221px 344px #FFF, 1758px 1211px #FFF, 1586px 527px #FFF, 1235px 1324px #FFF, 35px 649px #FFF, 467px 1786px #FFF, 253px 1366px #FFF, 1867px 1289px #FFF, 266px 1469px #FFF, 200px 1568px #FFF, 1162px 440px #FFF, 1961px 252px #FFF, 653px 1850px #FFF, 838px 1101px #FFF, 1012px 1674px #FFF, 1634px 10px #FFF, 1572px 1156px #FFF, 1175px 199px #FFF, 441px 1987px #FFF, 1900px 768px #FFF, 1121px 904px #FFF, 724px 1832px #FFF, 1437px 1815px #FFF, 46px 999px #FFF, 923px 1227px #FFF, 1610px 155px #FFF, 1642px 45px #FFF, 146px 440px #FFF, 857px 896px #FFF, 420px 684px #FFF, 1598px 82px #FFF, 227px 123px #FFF, 270px 540px #FFF, 1629px 546px #FFF, 1281px 1560px #FFF, 1351px 603px #FFF, 1386px 812px #FFF, 1222px 1059px #FFF, 328px 1848px #FFF, 1077px 1753px #FFF, 1968px 566px #FFF, 461px 108px #FFF, 1378px 952px #FFF, 63px 845px #FFF, 1517px 1776px #FFF, 271px 541px #FFF, 1125px 291px #FFF, 1433px 1199px #FFF, 374px 1428px #FFF, 1304px 1865px #FFF, 683px 566px #FFF, 243px 712px #FFF, 1592px 1413px #FFF, 1674px 627px #FFF, 482px 1889px #FFF, 1704px 634px #FFF, 1526px 1208px #FFF, 587px 873px #FFF, 1458px 485px #FFF, 1680px 511px #FFF, 1576px 10px #FFF, 363px 131px #FFF, 941px 1508px #FFF, 1368px 118px #FFF, 27px 1068px #FFF, 9px 1704px #FFF, 206px 1128px #FFF, 1342px 312px #FFF, 443px 1387px #FFF, 464px 478px #FFF, 804px 637px #FFF, 48px 1451px #FFF, 53px 667px #FFF, 1594px 1943px #FFF, 881px 735px #FFF, 626px 331px #FFF, 1707px 1631px #FFF, 1838px 429px #FFF, 663px 1024px #FFF, 787px 1796px #FFF, 698px 455px #FFF, 73px 406px #FFF, 517px 865px #FFF, 1699px 1143px #FFF, 672px 1785px #FFF, 1759px 1601px #FFF, 1679px 74px #FFF, 1456px 954px #FFF, 400px 139px #FFF, 1104px 1787px #FFF, 1440px 1974px #FFF, 437px 916px #FFF, 414px 1186px #FFF, 807px 1424px #FFF, 1990px 423px #FFF, 1630px 1833px #FFF, 128px 1453px #FFF, 839px 302px #FFF, 1424px 636px #FFF, 536px 1661px #FFF, 335px 875px #FFF, 40px 478px #FFF, 91px 1324px #FFF, 402px 1788px #FFF, 1461px 239px #FFF, 1664px 1328px #FFF, 1173px 269px #FFF, 607px 1460px #FFF, 476px 1450px #FFF, 1864px 63px #FFF, 1494px 1203px #FFF, 956px 252px #FFF, 1145px 1399px #FFF, 1284px 69px #FFF, 1417px 1555px #FFF, 356px 94px #FFF, 700px 554px #FFF, 512px 308px #FFF, 44px 355px #FFF, 96px 1120px #FFF, 107px 1371px #FFF, 1252px 467px #FFF, 1866px 1819px #FFF, 1565px 334px #FFF, 1467px 439px #FFF, 612px 1615px #FFF, 601px 545px #FFF, 637px 936px #FFF, 195px 173px #FFF, 1759px 533px #FFF, 934px 1790px #FFF, 669px 962px #FFF, 95px 404px #FFF, 1642px 1347px #FFF, 448px 331px #FFF, 1055px 1110px #FFF, 816px 474px #FFF, 1301px 690px #FFF, 1752px 420px #FFF, 762px 1580px #FFF, 1639px 1309px #FFF, 204px 603px #FFF, 619px 89px #FFF, 1936px 681px #FFF, 32px 920px #FFF, 66px 602px #FFF, 734px 1101px #FFF, 83px 966px #FFF, 668px 567px #FFF, 859px 1862px #FFF, 885px 1523px #FFF, 1468px 1963px #FFF, 713px 247px #FFF, 1350px 355px #FFF, 203px 1224px #FFF, 1282px 413px #FFF, 758px 1227px #FFF, 1930px 306px #FFF, 551px 946px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1481px 1844px #FFF, 433px 185px #FFF, 537px 168px #FFF, 1271px 502px #FFF, 1522px 915px #FFF, 1738px 1830px #FFF, 228px 1123px #FFF, 478px 1268px #FFF, 1558px 1158px #FFF, 899px 625px #FFF, 1063px 388px #FFF, 767px 515px #FFF, 1258px 35px #FFF, 283px 1921px #FFF, 1697px 506px #FFF, 1589px 1183px #FFF, 1810px 1703px #FFF, 1500px 1349px #FFF, 105px 441px #FFF, 925px 1853px #FFF, 563px 1848px #FFF, 1019px 1342px #FFF, 235px 678px #FFF, 1217px 1624px #FFF, 1897px 328px #FFF, 760px 1070px #FFF, 219px 1119px #FFF, 1900px 1170px #FFF, 594px 1447px #FFF, 1093px 12px #FFF, 380px 867px #FFF, 169px 932px #FFF, 480px 605px #FFF, 1661px 1414px #FFF, 1126px 1575px #FFF, 263px 1554px #FFF, 1627px 1907px #FFF, 229px 1552px #FFF, 1103px 1820px #FFF, 1693px 1053px #FFF, 448px 1826px #FFF, 1514px 990px #FFF, 927px 677px #FFF, 779px 494px #FFF, 724px 212px #FFF, 449px 212px #FFF, 12px 244px #FFF, 1939px 156px #FFF, 1704px 1430px #FFF, 1121px 863px #FFF, 1749px 1642px #FFF, 417px 294px #FFF, 1405px 1520px #FFF, 27px 1951px #FFF, 1994px 1569px #FFF, 582px 1394px #FFF, 285px 1570px #FFF, 1463px 1187px #FFF, 1123px 1327px #FFF, 891px 1938px #FFF, 1178px 398px #FFF, 1902px 1272px #FFF, 928px 1893px #FFF, 1514px 811px #FFF, 1084px 381px #FFF, 872px 1954px #FFF, 214px 653px #FFF, 644px 851px #FFF, 1267px 1635px #FFF, 1197px 776px #FFF, 717px 1124px #FFF, 919px 1793px #FFF, 802px 368px #FFF, 55px 468px #FFF, 1059px 1533px #FFF, 1437px 341px #FFF, 691px 1533px #FFF, 739px 826px #FFF, 129px 330px #FFF, 383px 870px #FFF, 1479px 1398px #FFF, 1994px 793px #FFF, 109px 1538px #FFF, 1519px 72px #FFF, 12px 1316px #FFF, 1313px 1307px #FFF, 578px 413px #FFF, 601px 1730px #FFF, 360px 54px #FFF, 1347px 200px #FFF, 620px 1998px #FFF, 27px 535px #FFF, 1472px 1355px #FFF, 1420px 1709px #FFF, 836px 840px #FFF, 1715px 742px #FFF, 1168px 290px #FFF, 1173px 1068px #FFF, 1937px 1978px #FFF, 77px 819px #FFF, 139px 666px #FFF, 499px 958px #FFF, 774px 1313px #FFF, 708px 641px #FFF, 710px 1931px #FFF, 1136px 1006px #FFF, 98px 724px #FFF, 1970px 834px #FFF, 1643px 1797px #FFF, 971px 1551px #FFF, 1297px 475px #FFF, 1870px 1801px #FFF, 1387px 292px #FFF, 1974px 1568px #FFF, 1777px 1688px #FFF, 896px 1680px #FFF, 772px 302px #FFF, 1019px 859px #FFF, 1851px 330px #FFF, 256px 302px #FFF, 1877px 1162px #FFF, 1199px 849px #FFF, 1889px 1797px #FFF, 1924px 529px #FFF, 1459px 1066px #FFF, 333px 1571px #FFF, 1986px 1717px #FFF, 131px 1747px #FFF, 620px 1698px #FFF, 537px 98px #FFF, 568px 512px #FFF, 1435px 1726px #FFF, 69px 705px #FFF, 651px 913px #FFF, 1px 1861px #FFF, 106px 1484px #FFF, 1848px 278px #FFF, 1500px 791px #FFF, 545px 615px #FFF, 406px 1816px #FFF, 76px 560px #FFF, 1361px 15px #FFF, 902px 1630px #FFF, 989px 1833px #FFF, 1256px 1278px #FFF, 1959px 1003px #FFF, 1995px 1171px #FFF, 1476px 828px #FFF, 1510px 1297px #FFF, 1805px 441px #FFF, 417px 53px #FFF, 141px 1394px #FFF, 1438px 490px #FFF, 1002px 538px #FFF, 1015px 1137px #FFF, 1868px 651px #FFF, 1013px 1248px #FFF, 996px 1026px #FFF, 857px 1404px #FFF, 690px 1815px #FFF, 78px 1006px #FFF, 1994px 1432px #FFF, 897px 1689px #FFF, 430px 1828px #FFF, 532px 1816px #FFF, 900px 199px #FFF, 1763px 935px #FFF, 1408px 1796px #FFF, 1404px 1507px #FFF, 186px 1726px #FFF, 1643px 9px #FFF, 1368px 374px #FFF, 1489px 17px #FFF, 1919px 1150px #FFF, 429px 1963px #FFF, 1357px 1467px #FFF, 1578px 998px #FFF, 15px 1836px #FFF, 46px 893px #FFF, 342px 676px #FFF, 1759px 1377px #FFF, 1791px 1281px #FFF, 1370px 784px #FFF, 767px 1649px #FFF, 327px 1642px #FFF, 1519px 829px #FFF, 1051px 695px #FFF, 1310px 559px #FFF, 1080px 272px #FFF, 1073px 1458px #FFF, 1186px 1400px #FFF, 1526px 1675px #FFF, 258px 1066px #FFF, 1607px 1794px #FFF, 1720px 842px #FFF, 250px 812px #FFF, 945px 1559px #FFF, 1252px 1883px #FFF, 98px 227px #FFF, 647px 663px #FFF;
    animation: animStar 100s linear infinite;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1481px 1844px #FFF, 433px 185px #FFF, 537px 168px #FFF, 1271px 502px #FFF, 1522px 915px #FFF, 1738px 1830px #FFF, 228px 1123px #FFF, 478px 1268px #FFF, 1558px 1158px #FFF, 899px 625px #FFF, 1063px 388px #FFF, 767px 515px #FFF, 1258px 35px #FFF, 283px 1921px #FFF, 1697px 506px #FFF, 1589px 1183px #FFF, 1810px 1703px #FFF, 1500px 1349px #FFF, 105px 441px #FFF, 925px 1853px #FFF, 563px 1848px #FFF, 1019px 1342px #FFF, 235px 678px #FFF, 1217px 1624px #FFF, 1897px 328px #FFF, 760px 1070px #FFF, 219px 1119px #FFF, 1900px 1170px #FFF, 594px 1447px #FFF, 1093px 12px #FFF, 380px 867px #FFF, 169px 932px #FFF, 480px 605px #FFF, 1661px 1414px #FFF, 1126px 1575px #FFF, 263px 1554px #FFF, 1627px 1907px #FFF, 229px 1552px #FFF, 1103px 1820px #FFF, 1693px 1053px #FFF, 448px 1826px #FFF, 1514px 990px #FFF, 927px 677px #FFF, 779px 494px #FFF, 724px 212px #FFF, 449px 212px #FFF, 12px 244px #FFF, 1939px 156px #FFF, 1704px 1430px #FFF, 1121px 863px #FFF, 1749px 1642px #FFF, 417px 294px #FFF, 1405px 1520px #FFF, 27px 1951px #FFF, 1994px 1569px #FFF, 582px 1394px #FFF, 285px 1570px #FFF, 1463px 1187px #FFF, 1123px 1327px #FFF, 891px 1938px #FFF, 1178px 398px #FFF, 1902px 1272px #FFF, 928px 1893px #FFF, 1514px 811px #FFF, 1084px 381px #FFF, 872px 1954px #FFF, 214px 653px #FFF, 644px 851px #FFF, 1267px 1635px #FFF, 1197px 776px #FFF, 717px 1124px #FFF, 919px 1793px #FFF, 802px 368px #FFF, 55px 468px #FFF, 1059px 1533px #FFF, 1437px 341px #FFF, 691px 1533px #FFF, 739px 826px #FFF, 129px 330px #FFF, 383px 870px #FFF, 1479px 1398px #FFF, 1994px 793px #FFF, 109px 1538px #FFF, 1519px 72px #FFF, 12px 1316px #FFF, 1313px 1307px #FFF, 578px 413px #FFF, 601px 1730px #FFF, 360px 54px #FFF, 1347px 200px #FFF, 620px 1998px #FFF, 27px 535px #FFF, 1472px 1355px #FFF, 1420px 1709px #FFF, 836px 840px #FFF, 1715px 742px #FFF, 1168px 290px #FFF, 1173px 1068px #FFF, 1937px 1978px #FFF, 77px 819px #FFF, 139px 666px #FFF, 499px 958px #FFF, 774px 1313px #FFF, 708px 641px #FFF, 710px 1931px #FFF, 1136px 1006px #FFF, 98px 724px #FFF, 1970px 834px #FFF, 1643px 1797px #FFF, 971px 1551px #FFF, 1297px 475px #FFF, 1870px 1801px #FFF, 1387px 292px #FFF, 1974px 1568px #FFF, 1777px 1688px #FFF, 896px 1680px #FFF, 772px 302px #FFF, 1019px 859px #FFF, 1851px 330px #FFF, 256px 302px #FFF, 1877px 1162px #FFF, 1199px 849px #FFF, 1889px 1797px #FFF, 1924px 529px #FFF, 1459px 1066px #FFF, 333px 1571px #FFF, 1986px 1717px #FFF, 131px 1747px #FFF, 620px 1698px #FFF, 537px 98px #FFF, 568px 512px #FFF, 1435px 1726px #FFF, 69px 705px #FFF, 651px 913px #FFF, 1px 1861px #FFF, 106px 1484px #FFF, 1848px 278px #FFF, 1500px 791px #FFF, 545px 615px #FFF, 406px 1816px #FFF, 76px 560px #FFF, 1361px 15px #FFF, 902px 1630px #FFF, 989px 1833px #FFF, 1256px 1278px #FFF, 1959px 1003px #FFF, 1995px 1171px #FFF, 1476px 828px #FFF, 1510px 1297px #FFF, 1805px 441px #FFF, 417px 53px #FFF, 141px 1394px #FFF, 1438px 490px #FFF, 1002px 538px #FFF, 1015px 1137px #FFF, 1868px 651px #FFF, 1013px 1248px #FFF, 996px 1026px #FFF, 857px 1404px #FFF, 690px 1815px #FFF, 78px 1006px #FFF, 1994px 1432px #FFF, 897px 1689px #FFF, 430px 1828px #FFF, 532px 1816px #FFF, 900px 199px #FFF, 1763px 935px #FFF, 1408px 1796px #FFF, 1404px 1507px #FFF, 186px 1726px #FFF, 1643px 9px #FFF, 1368px 374px #FFF, 1489px 17px #FFF, 1919px 1150px #FFF, 429px 1963px #FFF, 1357px 1467px #FFF, 1578px 998px #FFF, 15px 1836px #FFF, 46px 893px #FFF, 342px 676px #FFF, 1759px 1377px #FFF, 1791px 1281px #FFF, 1370px 784px #FFF, 767px 1649px #FFF, 327px 1642px #FFF, 1519px 829px #FFF, 1051px 695px #FFF, 1310px 559px #FFF, 1080px 272px #FFF, 1073px 1458px #FFF, 1186px 1400px #FFF, 1526px 1675px #FFF, 258px 1066px #FFF, 1607px 1794px #FFF, 1720px 842px #FFF, 250px 812px #FFF, 945px 1559px #FFF, 1252px 1883px #FFF, 98px 227px #FFF, 647px 663px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 950px 632px #FFF, 681px 389px #FFF, 1812px 328px #FFF, 861px 710px #FFF, 1912px 1562px #FFF, 1651px 752px #FFF, 60px 96px #FFF, 741px 1532px #FFF, 691px 626px #FFF, 327px 1151px #FFF, 640px 868px #FFF, 106px 1757px #FFF, 703px 1625px #FFF, 539px 784px #FFF, 983px 1239px #FFF, 1988px 1152px #FFF, 849px 421px #FFF, 183px 1689px #FFF, 331px 132px #FFF, 844px 275px #FFF, 1156px 1542px #FFF, 1340px 297px #FFF, 472px 415px #FFF, 864px 1126px #FFF, 215px 1966px #FFF, 1087px 1218px #FFF, 1266px 665px #FFF, 1882px 1350px #FFF, 1974px 591px #FFF, 38px 43px #FFF, 1402px 1999px #FFF, 254px 1423px #FFF, 1180px 1254px #FFF, 764px 1838px #FFF, 965px 1598px #FFF, 521px 1801px #FFF, 1298px 1040px #FFF, 828px 1097px #FFF, 680px 1219px #FFF, 111px 701px #FFF, 1314px 1583px #FFF, 264px 1471px #FFF, 242px 277px #FFF, 129px 1750px #FFF, 1124px 1628px #FFF, 1250px 12px #FFF, 549px 342px #FFF, 48px 477px #FFF, 283px 1006px #FFF, 250px 1844px #FFF, 862px 1304px #FFF, 412px 1672px #FFF, 145px 1036px #FFF, 1114px 1106px #FFF, 1529px 185px #FFF, 1227px 130px #FFF, 1022px 614px #FFF, 1157px 1848px #FFF, 996px 1568px #FFF, 288px 268px #FFF, 704px 1746px #FFF, 1554px 695px #FFF, 682px 686px #FFF, 1534px 1365px #FFF, 254px 238px #FFF, 277px 1429px #FFF, 681px 283px #FFF, 1003px 1835px #FFF, 32px 704px #FFF, 332px 1393px #FFF, 167px 864px #FFF, 1106px 1032px #FFF, 400px 1664px #FFF, 880px 920px #FFF, 860px 1113px #FFF, 348px 708px #FFF, 1473px 1524px #FFF, 1573px 1748px #FFF, 526px 1963px #FFF, 144px 242px #FFF, 912px 998px #FFF, 1808px 991px #FFF, 193px 79px #FFF, 464px 825px #FFF, 1136px 1826px #FFF, 598px 618px #FFF, 1325px 240px #FFF, 1212px 532px #FFF, 444px 1584px #FFF, 231px 1906px #FFF, 1054px 1630px #FFF, 280px 571px #FFF, 894px 1682px #FFF, 170px 159px #FFF, 163px 407px #FFF, 1799px 393px #FFF, 792px 1619px #FFF, 876px 369px #FFF, 1788px 563px #FFF, 877px 1540px #FFF;
    animation: animStar 150s linear infinite;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 950px 632px #FFF, 681px 389px #FFF, 1812px 328px #FFF, 861px 710px #FFF, 1912px 1562px #FFF, 1651px 752px #FFF, 60px 96px #FFF, 741px 1532px #FFF, 691px 626px #FFF, 327px 1151px #FFF, 640px 868px #FFF, 106px 1757px #FFF, 703px 1625px #FFF, 539px 784px #FFF, 983px 1239px #FFF, 1988px 1152px #FFF, 849px 421px #FFF, 183px 1689px #FFF, 331px 132px #FFF, 844px 275px #FFF, 1156px 1542px #FFF, 1340px 297px #FFF, 472px 415px #FFF, 864px 1126px #FFF, 215px 1966px #FFF, 1087px 1218px #FFF, 1266px 665px #FFF, 1882px 1350px #FFF, 1974px 591px #FFF, 38px 43px #FFF, 1402px 1999px #FFF, 254px 1423px #FFF, 1180px 1254px #FFF, 764px 1838px #FFF, 965px 1598px #FFF, 521px 1801px #FFF, 1298px 1040px #FFF, 828px 1097px #FFF, 680px 1219px #FFF, 111px 701px #FFF, 1314px 1583px #FFF, 264px 1471px #FFF, 242px 277px #FFF, 129px 1750px #FFF, 1124px 1628px #FFF, 1250px 12px #FFF, 549px 342px #FFF, 48px 477px #FFF, 283px 1006px #FFF, 250px 1844px #FFF, 862px 1304px #FFF, 412px 1672px #FFF, 145px 1036px #FFF, 1114px 1106px #FFF, 1529px 185px #FFF, 1227px 130px #FFF, 1022px 614px #FFF, 1157px 1848px #FFF, 996px 1568px #FFF, 288px 268px #FFF, 704px 1746px #FFF, 1554px 695px #FFF, 682px 686px #FFF, 1534px 1365px #FFF, 254px 238px #FFF, 277px 1429px #FFF, 681px 283px #FFF, 1003px 1835px #FFF, 32px 704px #FFF, 332px 1393px #FFF, 167px 864px #FFF, 1106px 1032px #FFF, 400px 1664px #FFF, 880px 920px #FFF, 860px 1113px #FFF, 348px 708px #FFF, 1473px 1524px #FFF, 1573px 1748px #FFF, 526px 1963px #FFF, 144px 242px #FFF, 912px 998px #FFF, 1808px 991px #FFF, 193px 79px #FFF, 464px 825px #FFF, 1136px 1826px #FFF, 598px 618px #FFF, 1325px 240px #FFF, 1212px 532px #FFF, 444px 1584px #FFF, 231px 1906px #FFF, 1054px 1630px #FFF, 280px 571px #FFF, 894px 1682px #FFF, 170px 159px #FFF, 163px 407px #FFF, 1799px 393px #FFF, 792px 1619px #FFF, 876px 369px #FFF, 1788px 563px #FFF, 877px 1540px #FFF;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

@keyframes shaked {

    0%,
    100% {
        transform: translateY(0);
    }

    10%,
    30%,
    50%,
    70% {
        transform: translateY(-8px);
    }

    20%,
    40%,
    60% {
        transform: translateY(8px);
    }

    80% {
        transform: translateY(6.4px);
    }

    90% {
        transform: translateY(-6.4px);
    }
}

@keyframes shaked_inverse {

    0%,
    100% {
        transform: translateY(0);
    }

    10%,
    30%,
    50%,
    70% {
        transform: translateY(8px);
    }

    20%,
    40%,
    60% {
        transform: translateY(-8px);
    }

    80% {
        transform: translateY(-6.4px);
    }

    90% {
        transform: translateY(6.4px);
    }
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}