@media screen and (min-width: 479px) and (max-width: 599px) {
.board img {
width: 50px!important;
height: 50px!important;
}
textarea {
width: 409px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.board img {
width: 30px!important;
height: 30px!important;
}
textarea {
top: -24px!important;
width: 251px!important;
height: 22px!important;
font-size: 10px!important;
}
}
body {
background-image: url(../../back/misc/stressed_linen.png);
background-size: cover;
background-attachment: fixed;
font-family: Tahoma, Geneva, sans-serif;
}
.checker-game {
margin: 0 20px;
}
.checker-game .wrap {
position: relative;
display: table;
margin: 20px auto 0 auto;
border: solid 5px #000;
}
.checker-game .wrap2 {
border: solid 4px red;
}
.checker-game .board {
border: solid 1px #ffd700;
margin: -1px;
}
.checker-game .board img {
border: 1px solid #ffd700;
}
.checker-game textarea {
position: absolute;
top: -31px;
left: -3px;
width: 496px;
height: 26px;
border: 0;
background: none;
padding: 4px 0px 0px 35px;
color: #00e1ff;
font-weight: 900;
}
.checker-game .game-btn {
color: #fff;
background-color: #070390;
}