@media screen and (min-width: 599px) and (max-width: 799px) {
.magic .tsize1 {
width: 530px!important;
}
.magic .tsize2 {
width: 320px!important;
}
.magic textarea {
height: 180px!important;
}
.magic input[type="text"] {
font-size: 17px!important;
}
}
@media screen and (min-width: 481px) and (max-width: 599px) {
.magic .tsize1 {
width: 450px!important;
}
.magic .tsize2 {
width: 265px!important;
}
.magic textarea {
height: 140px!important;
font-size: 17px!important;
}
.magic .tsize1 {
width: 320px!important;
}
.magic input[type="text"] {
font-size: 15px!important;
}
}
@media screen and (min-width: 320px) and (max-width: 481px) {
.magic .tsize1 {
width: 415px!important;
}
.magic .tsize2 {
width: 257px!important;
}
.magic textarea {
height: 150px!important;
padding: 0 20px!important;
font-size: 18px!important;
}
.magic input[type="text"] {
font-size: 13px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 320px) {
.magic .tsize1 {
width: 285px!important;
}
.magic .tsize2 {
width: 250px!important;
}
.magic textarea {
height: 150px!important;
padding: 0 20px!important;
font-size: 18px!important;
}
.magic input[type="text"] {
font-size: 13px!important;
}
}
body {
background-image: url("wizard.jpg");
background-attachment: fixed;
background-size: cover;
color: #fff;
}
.magic {
position: relative;
margin: 0 20px;
text-align: center;
}
.magic .textarea-wrap {
display: table;
margin: 0px auto 0 auto;
background-color: #3c3c3c;
border-radius: 5px;
opacity: 0.8;
}
.magic textarea {
background-color: #3c3c3c;
height: 165px;
padding: 0 35px;
font-size: 22px;
border: 0;
border-radius: 0;
color: #fff;
}
.magic .wizz {
width: 140px;
}
.magic .opc1 {
opacity: 0.4;
}
.magic .opc2 {
opacity: 0.8;
}
.magic .tsize1 {
width: 650px;
}
.magic .tsize2 {
width: 320px;
}
.magic input[type="text"] {
display: block;
width: 100%;
height: 25px;
background-color: #3c3c3c;
font-size: 18px;
text-align: center;
border: 0;
margin: 0;
padding: 20px 0px 15px 0;
border-radius: 0;
}
.magic .game-btn {
width: 90px;
background-color: #353535;
color: #fff;
}