@media screen and (min-width: 0px) and (max-width: 599px) {
.tdcell {
width: 25px!important;
height: 25px!important;
padding: 0px!important;
}
.gametable input[type=text] {
width: 50px!important;
font-size: 14px!important;
}
.score-disp .text {
font-size: 10px!important;
}
}
body {
background-image: url(../../back/misc/12.jpg);
background-attachment: fixed;
background-size: cover;
font-family: Tahoma, Geneva, sans-serif;
margin: 0px;
padding: 0px;
}
.game-wrap {
margin: 0 20px;
text-align: center;
position: relative;
}
.logo {
width: 45%;
}
.open-inst {
margin-bottom: 10px;
color: #2e63c1;
}
.instruct {
top: 50px;
}
.instruct .text {
max-width: 625px;
}
.newlink {
font-size: 20px;
color: red;
font-weight: 900;
padding-bottom: 15px;
}
.gametable {
position: relative;
margin: 0 auto 40px auto;
padding: 10px 7px 0 10px;
}
.score-disp {
display: inline-block;
text-transform: uppercase;
color: #000;
}
.score-disp .text {
display: inline-block;
margin-bottom: 7px;
font-size: 14px;
}
.gametable input[type=text] {
width: 82px;
background: none;
color: #000;
border: 0;
font-size: 20px;
}
.game-btn {
vertical-align: unset;
margin: 5px 0 0 0;
background-color: #4383ef;
color: #fff;
}
.game-btn:hover {
background-color: #104fba;
}
.tdcell img {
width: 100%;
}
.tdcell {
width: 38px;
height: 38px;
padding: .5px;
}
table {
border-spacing: unset;
border-collapse: unset;
}
.score-board td {
color: #000;
}
.score-board {
background: #6ab4e3;
max-width: 568px;
box-shadow: 1px 2px 2px 1px #000;
}
.score-board h4 {
color: #000;
}
.score-board tr:nth-child(even) {
background-color: #cee3f6;
}
.score-board tr:nth-child(odd) {
background-color: #98caea;
}