@media screen and (min-width: 0px) and (max-width: 767px) {
.hang-wrap .word, .hang-wrap .word input[type="text"] {
font-size: 16px!important
}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.word input[type="text"] {
width: 170px!important;
}
.hang-content h1 {
font-size: 20px!important;
}
}
body {
background-image: url(../../back/mtns/mtn-back.jpg);
background-attachment: fixed;
background-size: cover;
font-family: Tahoma, Geneva, sans-serif;
margin: 0px;
padding: 0px;
}
.hang-content h1 {
letter-spacing: 2px;
font-size: 48px;
text-shadow: 1px 1px 0 #F2EFE6, 5px 3px 0 #000000;
text-align: center;
font-family: "Libre Baskerville";
color: #dedbdb;
text-transform: uppercase;
margin: 10px 0 15px 0;
}
.ginger {
margin: auto;
display: table;
}
.hang-content {
margin: 0 15px;
}
.hang-content .hang-wrap {
display: table;
margin: auto;
}
.hang-content .select-wrap {
text-align: center;
margin: -10px 0 250px 0;
}
.hang-content .word input {
letter-spacing: 5px;
margin-left: 10px;
background: 0;
border: 0;
color: #fff;
}
.hang-content .letter,
.dropdown-menu {
background: #96dcd8;
}
.hang-wrap .btn-group {
vertical-align: top;
}
.hang-wrap .game-btn {
background: #96dcd8;
border: 1px solid #353030;
margin: 10px 0 0 0;
}
.dropdown-menu {
font-size: 16px;
padding: 0;
}
.hang-wrap .dropdown-menu a:hover,
.letter:hover {
background: #baf9f5;
}
.hang-content .letter {
margin: 0 3px 5px 0;
padding: 5px;
width: 34px;
font-size: 16px;
border: 1px solid #353030;
border-radius: 3px;
}
.hang-wrap .word {
font-weight: bold;
font-size: 20px;
color: #fff;
margin: 5px auto 10px auto;
}
.hang-wrap .word input[type="text"] {
font-size: 20px;
margin-bottom: 0;
}
.hang-wrap .zbuttons {
max-width: 570px;
text-align: left;
}
.hang-wrap .himg {
width: 65%;;
}
.active {
background-color: #87b7b5;
color: #000!important;
}