@media screen and (min-width: 479px) and (max-width: 599px) {
.tdcell img {
width: 70px!important;
height: 70px!important;
}
.triple input[type="text"] {
width: 415px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.tdcell img {
width: 45px!important;
height: 45px!important;
}
.triple input[type="text"] {
width: 266px!important;
}
}
body {
background-image: url(../../back/misc/13.jpg);
background-attachment: fixed;
background-size: cover;
}
.triple {
margin: 0 20px;
position: relative;
}
.rainbow {
text-align: center;
font-size: 78px;
font-weight: 900;
text-transform: uppercase;
}
.open-inst {
display: table;
margin: 0 auto 20px auto;
}
.instruct .text {
max-width: 400px;
}
.triple table {
margin: auto;
filter: contrast(150%);
}
.buttons {
margin: 10px 0 50px 0;
text-align: center;
}
.tdcell img {
width: 80px;
height: 80px;
padding: 1px;
border-radius: 7px;
}
.display {
display: table!important;
margin: auto;
width: 479px;
font-size: 16px;
background-color: #000;
color: #fff;
border: 0;
}
.game-btn {
background-color: #0b007c;
color: #fff;
border: 1px solid #000;
}
.score-board {
max-width: 500px;
color: #ccc7c7;
}
.score-board tr:nth-child(even) {
background-color: #3328a2;
}
.score-board tr:nth-child(odd) {
background-color: #0b007c;
}