@charset "utf-8";
/* CSS Document */

/*=========== RESET ==========*/
body {margin-left:5%; margin-right:5%; margin-top:0; padding:0;}
a {text-decoration: none;}
ul {list-style: none;}


.forca img{width:40%; height:20vh}
button {padding: 8px; color:#039; cursor: pointer; margin-top: 2px; border-radius: 9px 9px 9px 9px; margin-bottom: 3px; background-color:#FFF}
input {width:20px; height:20px; padding: 2px; text-align:center; font-size: 1em; color:#003; margin-top:4px; border: 1px solid rgba(255,255,255,0.3); border-radius: 5px 5px 5px 5px; float:center; background-color:#99F;}
.gameover img{width:40%; height:50vh}
.vencedor img{width:30%; height:40vh}


/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.forca img{width:30%; height:20vh}
button {padding: 8px; color:#039; cursor: pointer; margin-top: 2px; border-radius: 9px 9px 9px 9px; margin-bottom: 3px; background-color:#FFF}
input {width:20px; height:20px; padding: 2px; text-align:center; font-size: 1em; color:#003; margin-top:4px; border: 1px solid rgba(255,255,255,0.3); border-radius: 5px 5px 5px 5px; float:center; background-color:#99F;}


/* SMALL DEVICES - TABLETS */
@media screen and (min-width: 760px) {
.forca img{width:30%; height:30vh}
button {padding: 12px; color:#039; cursor: pointer; margin-top: 2px; border-radius: 9px 9px 9px 9px; margin-bottom: 3px; background-color:#FFF}
input {width:30px; height:30px; padding: 2px; text-align:center; font-size: 1em; color:#003; margin-top:4px; border: 1px solid rgba(255,255,255,0.3); border-radius: 5px 5px 5px 5px; float:center; background-color:#99F;}

/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.forca img{width:25%; height:40vh}
button {padding: 10px; color:#039; cursor: pointer; margin-top: 2px; border-radius: 9px 9px 9px 9px; margin-bottom: 3px; background-color:#FFF}
input {width:50px; height:50px; padding: 1.5px; text-align:center; font-size: 1em; color:#003; margin-top:4px; border: 1px solid rgba(255,255,255,0.3); border-radius: 5px 5px 5px 5px; float:center; background-color:#99F;}
.gameover img{width:40%; height:50vh}
.vencedor img{width:30%; height:40vh}