.players_block{
display: inline-block;
margin: 0.625rem;
max-width: 5rem;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
background-color: transparent;
min-height: 8.125rem;
}
.players_block.selected_team,
.teams_block.selected{
background-color: #000;
border: 1px solid #fff;
}
.players_block:hover{
opacity: 0.5;
}
.player_avatar,
.player_avatar_team{
display: inline-block;
width: 3.125rem;
height: 3.125rem;
border-radius: 50%;
margin: 0 auto;
margin-top: 0.625rem;
}
.account_players{
display: inline-block;
font-size: 0.75rem;
cursor: pointer;
margin-top: 1.25rem;
min-height: 2.1875rem;
color: #eeeeee;
text-align: center;
}
.account_user_name{
color: #eeeeee;
font-size: 1rem;
display: inline-block;
padding-left: 0.625rem;
text-transform: uppercase;
font-family: 'LPCBeauSans';
}
.main_page.play_cards{
font-size: 1.875rem;
position: absolute;
bottom: 7%;
left: 10%;
color: #eeeeee;
}
.account_page.question{
font-size: 2.5rem;
margin-top: 10rem;
text-align: center;
color: #eeeeee;
}
.account_button_block{
text-align: center;
}
.account_page.next_account{
background-color: orange;
display: inline-block;
color: #eeeeee;
padding: 0.625rem 2.5rem;
font-size: 1.5625rem;
margin: auto 0;
margin-top: 1.25rem;
}
.account_page.choice_parts{
color: #eeeeee;
font-size: 1.5625rem;
text-transform: uppercase;
padding: 2.25rem 0;
text-align: left;
clear: both;
}

.btnCurrentGame.past_game{
padding-top:0.5rem;
padding-bottom:0.5rem;
}
#browse_all{
width:90%;
max-width:20rem;
margin:0 auto;
margin-top:2.5rem;
margin-bottom:1rem;
}


.account_page.note{
color: #eeeeee;
font-size: 1.1875rem;
margin: 1.25rem 0;
text-align: center; 
}
.choice_block_content{
margin: 0 auto;
min-height: 5.9375rem;  
}
.choice_block{
display: none;
/*overflow-x:hidden;*/
}
.choice_block.active{
display: block;
}
.game_icon_container{
display: inline-block;
max-width: 8.875rem;
margin-right: 0.625rem;
margin-left: 0.625rem;
text-align: center;
}
img.game_icon{
display: block;
height: 5.25rem;
margin: 0 auto;
border-radius:  0.4375rem;
border: 1px solid #ccc;
margin-top: 0.75rem;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
cursor: pointer;
border: 0.25rem solid #333;
}
img.game_icon.selected_game{
border: 0.25rem solid orange;	
}
.game_title{
font-size: 0.8125rem;
color: #000;
font-weight: bold;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
text-align: center;
}
#error_box{
display: inline-block;
font-size: 1.1rem;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
position: fixed;
right: 1rem;
bottom: 1rem;
max-width: 200px;
padding: 0.625rem 1.25rem;
display: none;
font-weight: bold;
min-height: 3.75rem;
z-index: 333;
}
/*общие стили*/
button{
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
cursor: pointer;  
border: 1px solid transparent;
outline: none; 
}
button:hover,
.game_icon:hover{
opacity: 0.6;
}
.col-md-12, 
.col-md-6{
padding-left: 0;
padding-right: 0;
}


#all_players_set,
#previous_players_block,
#last_teams{
position: relative;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
margin-bottom: 0.5rem;
margin-top: 1rem;
}
#extra_friends,
#extra_invites,
#extra_previous,
#extra_teams{
display: block;
max-width: 2.5rem;
position: absolute;
top: 0.3125rem;
right: 0.3125rem;
z-index: 23;
cursor: pointer;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
cursor: pointer;
padding: 0.625rem;
}
#extra_friends:hover,
#extra_previous:hover,
#extra_teams:hover{
opacity: 0.8;
}
a.invitations_text {
padding: 1.25rem 0.625rem;
display: block;
margin-bottom: 0.625rem;
color: #eeeeee;
background-color: transparent;
text-decoration: none;
font-size: 1rem;
text-align: left;
cursor: pointer;	
}
a.invitations_text:hover{
text-decoration: none;
color: #eeeeee;
opacity: 0.8;
}
a.invitations_text.new{
background-color: #639c27;
}
.teams_block{
display: inline-block;
margin-left: 1.25rem;
margin-right: 0.625rem;
padding-bottom: 1rem;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
.player_avatar_team{
margin-left: -0.3125rem;
cursor: pointer;
}
.login_button{

margin-top: 1rem;
padding: 0.5rem 1rem;
min-width: 10rem;
color: #eeeeee;
}
.form-group{
margin-bottom: 1rem;
}
.form-group>label{
font-weight: bold;
}
.form-group>input{
font-weight: bold;
padding: 0.5rem 1rem;
}

.login_link{
text-align: center;
margin-top: 1rem;
font-weight: bold;
font-size: 1.2rem;
}

#ad_blocker{
position: fixed;
min-width: 100vw;
min-height: 100vh;
z-index: 1000000;
background-color: rgba(0, 0, 0, 0.6);
top: 0;
right: 0;
left: 0;
text-align: center;
display: none;
}
.ad_blocker_text{
font-size: 2rem;
font-weight: bold;
color: #eeeeee;
text-transform: uppercase;
background-color: orange;
padding: 2rem 3rem;
border-radius: 0.8rem;
max-width: 80vw;
margin: 0 auto;
margin-top: 10%;
}
p.card-text {
text-align: center;
font-size: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
color: #eeeeee;
}
#email_save_input{
margin-top: 1.5rem;
}
/*sliders about past games when slider is built,  USED  CSS!!!*/
.carousel-slider-wrapper {
width: 100%;
margin: 0 auto;
position: relative;
}
.slider-scroller-wrap {
overflow: hidden;
}
.slider-scroller {
font-size: 0;
white-space: nowrap;
position: relative;
top: 0;
margin: 0;
padding: 0;
}
.slider-scroller-inner {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
width: 100%;
position: relative;
}
.slider-scroller-inner .item {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
cursor: grab;
text-align: center;
flex: 0 0 33.33%;
}
.slider-scroller-inner .item img {
max-width: 90%;
display: block;
margin: auto;
cursor: default;
}
button.carouselControl {
border: none;
cursor: pointer;
text-align: center;
position: absolute;
top: 30%;
transform: translateY(-30%);
z-index: 1;
}
.carouselControl {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: center;
background: transparent;
outline: none;
border: 0px;
font-size: 35px;
font-weight: 900;
color: #ff4d01;
}
button.prev {
left: -1.5rem;
}
button.next {
right: -1.5rem;
}
.btnCurrentGame {
width: 90%;
margin-top: 1rem;
padding: 5px;
border-radius: 5px;
border: 2px solid rgb(248, 99, 14);
background-color: rgba(248, 100, 14, 0.52);
color: #eeeeee;
font-size: 20px;
z-index: 800;
text-transform: uppercase;
}
.divide {
width: 90%;
height: 5px;
background-image: linear-gradient(to right,#373636, #bbb6b6, #bbb6b6, #bbb6b6, #373636);
margin: 50px auto 50px auto;
border-radius: 10px;
}
.divide.last {
margin: 50px auto 0 auto;
}
.btnBig {
border-radius: 10px;
border: 2px solid rgb(248, 99, 14);
background-color: rgba(248, 100, 14, 0.52);
padding: 15px 55px 15px 55px;
color: #eeeeee;
font-weight: bold;
font-size: 20px;
margin: auto;
margin-top: 3rem;
display: block;
max-width: 430px;
clear: both;
text-transform: uppercase;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
text-decoration: none;
text-align: center;
cursor:pointer;
}
.btnBig:hover{
opacity: 0.5;
text-decoration: none;
color: #eeeeee;
}
.help{
color: #eeeeee;
font-size: 1rem;
margin-top: 1rem;
text-align: center;
cursor: not-allowed;
}
.input {
padding: 5px;
border: 1px solid #000000;
border-radius: 5px;
margin: 10px;
background: hsl(0, 0%, 100%, .1);
color: #fff;
min-height: 50px;
font-size: 1rem;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #eeeeee;
background-clip: padding-box;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;

}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #fff;
}

::placeholder { /* Most modern browsers support this now. */
color: #fff;
}
.form-control:focus,
.form-control:active{
background-color: #fff;
color:  #000;
}
#show_search{
display: none;
}
#user_choice{
opacity: 0;
margin-top: 0;
margin-bottom: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: none;
background-color: transparent;
height: 6rem;
width: 12rem;
cursor: pointer;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
opacity: 0.9;
}
#user_choice:hover{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3); 
opacity: 1;
}
.titleSlider{
text-align: left;
color: #eeeeee;
text-transform: uppercase;
font-size: 1.5rem;
padding:0;
margin:0;
margin-bottom: 2rem;
font-weight: 700;
}
.player_board{
z-index:999;
}
#select_block{
margin-bottom: 3rem;
}
.datetimepicker{
text-align: center;
position: relative;
}
.account_buttons {
position: relative;
border-radius: 6px;
border: 2px solid rgb(248, 99, 14);
background-color: rgba(248, 100, 14, 0.52);
padding: 0.5rem 0;
color: #eeeeee;
font-weight: bold;
font-size: 1rem;
margin: auto;
width: 8rem;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
text-decoration: none;
text-align: center;
}
.account_buttons:hover {
opacity: 0.5;
text-decoration: none;
color: #eeeeee;
cursor: pointer;
}
#dating_finish{
display: none;
}
#now{
font-size: 0.8rem;
margin-right: 0.9rem;
}
#invite_new{
display: block;
width: 12rem;
font-size: 0.8rem;
}
#now.selected_moment,
#datetimepicker.selected_moment
{
background-color: #3c4d00;
border: 2px solid #1c3c10;
}
.setings_text{
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
color:  #eeeeee;
clear: both;
letter-spacing: 0.2rem;
}
#invitations_enter_block{
text-align: center;
position: relative;
width: 80%;
margin: 0 auto;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
display: none;
}
#invitations_enter_block.opened{
display: block;
}
#new_user_email{
background-color: grey;
padding: 0.5rem 2rem;
min-width: 60%;
}
input[type="email"]:placeholder{
text-transform: uppercase;
color: #fff;
text-align: left;
}
/* webkit */
#new_user_email::-webkit-input-placeholder {
text-transform: uppercase;
color: #fff;
text-align: left;
}
/* mozilla */
#new_user_email:-moz-placeholder { 
text-transform: uppercase;
color: #fff;
text-align: left;
}
.table_title{
font-size: 1.2rem;
padding: 1rem;
font-weight: bold;
background-color: rgba(166, 166, 166, 0.5);
}
.long_start{
background-color: #fd4044;
}
.soon_start{
background-color: #ff5e42;
}
.ready_start{
background-color: #365334;
}
.new_games_table{
width: 100%;	
margin: 0 auto;
}
tr,td {
color: #fff;
text-align: center;
text-transform: uppercase;	
font-weight: bold;
padding: 1rem;
}
.members_cell{
text-align: left;
text-transform: none;
}
.new_games_link{
display: inline-block;
width: 2rem;
height: 2rem;
background-image: url('/../../img/play_icon.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: 0 auto;
margin-left: 0.5rem;
opacity: 0.8;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
}
.new_games_link:hover{
opacity: 1;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); 
}
@media only screen and (min-width: 700px){
.carouselControl {
font-size: 70px;
}   
}
@media only screen and (max-width: 700px){
.titleSlider{
text-align: center;
}
}

@media (max-width: 844px) {
.col-md-3.game_selectable_block{
width:23%;
max-width:20rem;
display:inline-block;
padding-right: 0;
padding-left: 0;
}
.logo {
margin-left: 0;
}
}


.player_select_block{
position:relative;
max-height:22rem;
overflow-y:visible;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
    flex-wrap:wrap;
overflow-x:hidden;
}


@media (max-width: 844px) {

.titleSlider {
font-size: 1.3rem;
margin-bottom: 1rem;
}
#user_choice {
height: 3rem;
width: 4rem;
}
#select_block {
margin-bottom: 1rem;
}
.table_title{
font-size: 0.8rem;
padding: 0.3rem;
}
tr,td {
padding: 0.3rem;
font-size: 0.6rem;
}
.new_games_link{
width: 1rem;
height: 1rem;
}
.user_credentials {
float: none;
margin-top: 0;
}
.btnCurrentGame {
font-size: 11px;
padding: 2px;
}
#user_choice {
margin-top: 1rem;
}
.btnBig {
font-size: 1.2rem;
padding: 1rem 2rem;
}
.account_page.logo{
width: 60%;
padding-bottom: 10px;
margin: 0 auto;
}
.account_page.question{
font-size: 1.625rem;
margin-top: 3.75rem;
}
#all_players_set,
#previous_players_block{
position: relative;
max-height: auto;
display: block;
}
.slider-scroller-inner .item {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: -webkit-grab;
    cursor: grab;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    max-width:24rem;
  }
}

@media (max-width: 844px) and (orientation: portrait) { 
.slider-scroller-inner .item {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
       

  }
}



.block_for_dates{
box-sizing: border-box;
clear: both;
}
.room_table{
border:  2px solid #d5d5d2;
max-width: 80%;
display: block;
margin: 0 auto;
margin-bottom: 0.5rem;
border-radius: 0.5rem;
cursor: pointer;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.room_table.active_table{
border:  5px solid #ff3600;
cursor: not-allowed;
}
.room_table:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); 
}
.room_table.active_table:hover{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); 
}
.room_title{
color: #eeeeee;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#start_game{
border: 2px solid rgb(248, 99, 14);
background-color: rgba(248, 100, 14, 0.52);
color: #fff;
margin-right: 3%;
display: inline-block;
position: absolute;
right: 3%;
top: 0;
}
#continue_select{
margin-bottom:1rem;
}
#select_table_section{
display: none;
clear: both;
}
.line_arrow{
clear: both;
position: relative;
}
.col-md4-4{
width: 33%;
display: inline-block;
padding-top: 1.5rem;
}
.table_block{
position: relative;
}

div.dashboard_logo_user>.account_page_start>.col-md-12.>.col-md-4>a>.logo{
cursor: not-allowed;	
}

/*picker  new USED since 08.01.2023*/
#date_timepicker_container{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:290;
height:100%;
width:100%;
display:none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#datetimepicker{
width:12rem;
}
.week_titles{
color: #fff;
font-weight:bold;
}
.timepicker_container_inner{
background-color:#232323;
margin:0 auto;
max-width:35rem;
position:relative;
}
#month-calendar{
width: 100%;
max-width:20rem;
display:inline-block;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.month{
margin: 0;
padding: 0 1rem 1rem;
text-align: center;
width: 100%;
color: #fff;
list-style: none;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
        display:inline-block;
}
.month li{
padding: 0;
margin: 0;
font-size: 1.3rem;
line-height: 1.4;
margin-right:0.5rem;
text-transform: uppercase;
font-weight: 700;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
color:#fff;
display:inline-block;
}
.month li.prev,
.month li.next{
cursor: pointer;
}
.month li.prev{
float: left;
}
.month li.next{
float: left;
margin-left:1rem;
}
.month li.year-name{
font-size: 1.3rem;
line-height: 1.4;
font-weight: 700;
}
.weekdays{
margin: 0;
padding-left:2.5rem;
padding-bottom: 1.5rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
-webkit-box-pack: left;
    -ms-flex-pack: left;
        justify-content: left;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.weekdays li{
display: inline-block;
-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7);
text-align: center;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.days{
margin: 0;
width: 100%;
padding-bottom:1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: left;
    -ms-flex-pack: left;
        justify-content: left;
-ms-flex-line-pack: start;
    align-content: flex-start;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.days li{
padding: 0.1rem;
list-style: none;
display: inline-block;
-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7);
text-align: center;
color: #fff;
font-size: 0.9rem;
line-height: 1rem;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor:pointer;
border: 2px solid transparent;
border-radius:50%;
}
.days li.selectable_date{
cursor: pointer;
color:#fff;
}
.days li.disabled_day{
opacity:0.6;
cursor: not-allowed;
}
.days li.selectable_date.date_now{
color: #953b16;
font-weight: 700;
}
.days li.user_date{
border: 2px solid #953b16;
font-weight: 700;
border-radius:50%;
}
.time-picker {
border-radius: 4px;
max-width: 12rem;
display: inline-block;
}
.timing_buttons{
border: none;
cursor: pointer;
margin: 0;
padding: 0.5rem 1.6rem; 
color: #fff;
background-color: #953b16; 
font-size:1.4rem;
font-weight:700;
margin-bottom:0.5rem;
margin-top:0.5rem;
}

.picker_button{
background-color: #953b16;  
}
.timepicker_container_inner{
 display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center; 
        padding-bottom:2rem;   
}
.time-picker button > span {
line-height: 1.75;
letter-spacing: -0.08rem; 
}
.time-picker .time-picker-header {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
padding: 0.8rem 2.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center; 
}
.time-picker .time-picker-header .time-picker-title {
font-size: 5.8rem;
color: #fff; 
}
.time-picker .time-picker-header .time-picker-ampm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column; 
}
.time-picker .time-picker-header .time-picker-ampm .time-picker-label {
color: #fff;
font-size: 1.6rem;
font-weight: 600; 
}
.time-picker .time-picker-content {
padding: 1.2rem 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
text-align: center; 
}
.time_numbers{
width: 100%;
text-align: center;
border: none;
font-size: 1.3rem;
font-weight: 700;
padding: 10px; 
background-color:#fff;
color:#000;
}
.time-picker .time-picker-footer button {
padding: 1rem;
display:block;
width:80%;
margin:0 auto;
margin-bottom:0.5rem;
color: #fff;
opacity:0.8;
font-size: 1rem; 
font-weight:700;
cursor:pointer;
}
.time_picker_separator{
font-size: 1.5rem; 
font-weight:700;
background-color:#fff;
color:#000;
}
.time-picker .time-picker-footer button:hover {
opacity:1;
color: #fff; 
}
.game_selectable{
display:block;
margin:0 auto;
width:90%;
margin-bottom:1.5rem;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
cursor:pointer;
}
.game_selectable:hover{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3); 
}

.account_lolipop{
color:#fff;
}
.account_lolipop:hover{
color:#fff;
opacity:0.7;
}



@media only screen and (max-width:767px) {
.players_block {
margin: 0.3rem;
}

.room_table.active_table {
border: 3px solid #ff3600;
}

button.prev {
left: 1.5rem;
display:block;
}
button.next {
right: 1.5rem;
display:block;
}
#start_game {
display: inline-block;
position: relative;
margin:0 auto;
}
}