.move_detection_block{
display: inline-block;
text-align: center;
padding: 1rem;
border: 2px solid orange;
border-radius: 1rem;
margin-top: 20%;
}
.move_detection_image{
display: inline-block;
max-width: 3.5rem;
margin-bottom: 1rem;
}
.move_detection_text{
color:  #fff;
font-size: 0.9rem;
margin-bottom: 1rem;
}
.move_detection_text.extra{
font-weight: bold;
text-transform: uppercase;
font-size: 1.3rem;
margin-top: 2.5rem;
}
#change_modal{
background-color: #383838;
color: #eeeeee;
padding: 1rem;
border-radius: 20px;
margin: 0 auto;
max-width: 300px;
position: absolute;
bottom: 1rem;
right: 1rem;
text-align: center;
display: none;
z-index: 1200;
}
.change_text{
font-size: 1.3rem;
text-align: center;
color:  #eee;
margin-bottom: 1rem;
font-weight: bold;
}
.buttons_block_change{
position: relative;
text-align: center;
}
.table_score_content{
margin-bottom: 1rem;
}
.black_letters{
background-color:  #383838;
}

.brown_letters{
background-color:  #953b16;
}
.letter_block{
padding:0;	
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 2rem;
color: #eee;
margin-top:0;
margin-bottom:0;
text-transform: uppercase;  
min-width:  2.5rem;
min-height: 3.5rem;
}
.blur_text{
opacity:0.4;
display:inline-block;
margin-left:0.2rem;
}
.full_text{
opacity:1;
display:inline-block;
margin-left:0.5rem;
}
.opponent_bank {
background-color: #ce4e14;
}
.stack_info {
bottom: -1rem;
left: 1rem;
opacity: 0;
}
@media (max-width: 767px) {
.move_detection_block{
padding: 0.2rem;
margin-top: 40%;
}
#change_modal{
padding: 0.5rem;
border-radius: 1rem;
max-width: 80%;
bottom: 50%;
left: 0;
right: 0;
opacity:0.8;
}
.change_text{
font-size: 0.8rem;
margin-bottom: 0.5rem;
}
.opponent_bank {
padding: 0.1rem 0.5rem;
font-size: 0.6rem;
font-weight: normal;
border-radius: 0.3rem;
}
}