.main_paywall_block {
    /* position: absolute; */
    color: white;
    /* display: flex; */
    background-color: #474757;
    margin: 2vh 3vh;
    /* left: 80vh; */
    height: 83vh;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.paywall_header {
    font-weight: 700;
    font-size: 2.4vh;
    width: 50vh;
    line-height: 4vh;
}



.pink_text {color: #ff6aff;}

.paywall_list {margin: 0;text-indent: 0;list-style-type: none;padding: 0;margin-bottom: 3vh;margin-top: 2vh;}

.paywall_item {margin: 1.2vh 0vh;font-size: 2vh;font-weight: 600;margin-top: 2.5vh;width: 57vh;line-height: 3.5vh;}

.paywall_bottom_text {
    font-weight: 700;
    font-size: 2.4vh;
}

.buttons_paywall {display: flex;}

#log_in_paywall {text-decoration: none;margin-right:2vh;background: linear-gradient(257deg, #ae82ff 24%, #b78bff 100%);box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);border-radius: 1vh;outline: none;border: none;font-family: 'Avenir Next';font-style: normal;font-weight: 700;font-size: 2vh;margin-top: 1.5vh;color: #ffffff;width: 12vh;height: 5.6vh;display: flex;cursor:pointer;justify-content: center;align-items: center;}

.patreon_paywall  {width: 22vh;box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);height: 5vh;cursor: pointer;background-position: center;background-size: 92%;border-radius: 0.8vh;margin-top: 2vh;background-image: url(../../static/images/become_a_patron_button.png);}

.main_paywall_image {
    width: 62.5vh;
    height: 35vh;
    object-fit: cover;
}

.paywall_main {position: absolute;/* box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); *//* left: 11vh; *//* background-color: #474757; */display: flex;left: 22vh;top: 11vh;/* bottom: 32vh; */}

.paywall_container {
    margin: 2.2vh 2vh 0  3.5vh;
}

.logline {
    width: 55vh;
    line-height: 3.6vh;
    font-weight: 600;
    font-size: 2vh;
    margin-top: 1.5vh;
}

.paywall_menu {
    /* z-index: 300; */
    display: none;
    background-size: 101%;
    background-image: url("../../static/images/sprite/Intro.webp");
}

#play_game_old {
    text-decoration: none;
    margin-right:2vh;
    background: linear-gradient(257deg, #ae82ff 24%, #b78bff 100%);
    box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
    border-radius: 1vh;
    outline: none;
    border: none;
    font-family: 'Avenir Next';
    font-style: normal;
    font-weight: 700;
    font-size: 2vh;
    margin-top: 8.2vh;
    color: #ffffff;
    width: 26vh;
    height: 5.6vh;
    display: flex;
    cursor:pointer;
    justify-content: center;
    align-items: center;
}

#play_game_new {
    text-decoration: none;
    margin-right:2vh;
    background: linear-gradient(to right, #ff6aff 4%, #FF6B81 100%);
    box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
    border-radius: 1vh;
    outline: none;
    border: none;
    font-family: 'Avenir Next';
    font-style: normal;
    font-weight: 700;
    font-size: 2vh;
    margin-top: 1.5vh;
    color: #ffffff;
    width: 25vh;
    height: 5.6vh;
    display: flex;
    cursor:pointer;
    justify-content: center;
    align-items: center;
}

.choose_version {
    /* display: none; */
    margin: auto;
    background-color: #474757;
    color: white;
    font-size: 3vh;
    padding: 2vh 3vh;
    left: 25vh;
    top: 3vh;
    position: absolute;
    font-weight: 800;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

#play_game_big {
    position:absolute;
    text-decoration: none;
    top: 61vh;
    box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
    border-radius: 0.3vh;
    font-family: 'Avenir Next';
    font-style: normal;
    font-weight: 600;
    font-size: 5vh;
    margin-top: 1.2vh;
    color: #292929;
    width: 50vh;
    height: 12.6vh;
    left:60vh;
    z-index: 500;
}


         #play_game_big {/* background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%); */background-image: linear-gradient(to right, #FF6B81 0%, #ff6aff  51%, #FF6B81  100%);}
         #play_game_big {
            text-align: center;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;
            line-height: 13vh;
            font-weight: 700;
            border-radius: 2vh;
            display: block;
          }

          #play_game_big:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }