body{	
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#464646;
    font-family: 'Josefin Sans', sans-serif;
}

header{
    background-color: #7f76d1 ;
    padding: 20px 0;
}

.icon{
    margin-left:25%;
    width: 25%;
    transition: 400ms;
    box-shadow: 10px 10px 15px #000000;
}

h2{ 
    margin: 20px 20px 0px 80px;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

.fondo  {
    background: url('../img/blue.jpg');
    background-size: cover;
    transition: 400ms;
}


.content2 {
    width:50%;
	height:50px;
	margin-left:45%;
	min-width:100px;
    padding: 0 1rem;
}


.contenedorAhorcado{
    width:30%;
	height:300px;
	margin-left:20%;
	margin-top:7%;
	min-width:200px;
}

.alinearAhorcado{
    vertical-align:top;
	display:inline-block;
}

.ahorcado{
    margin-top:7%;
    margin-left:15%;
    width: 75%;
    padding: 15px 20px;
    color: black;
    background: yellowgreen;
    border-radius: 5px;
    
}

.btnInicio {
    margin-top:7%;
    width: 40%;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: bold;
    color: black;
    background: yellowgreen;
    border-radius: 5px;
    transition: 1s all;
    cursor: pointer;
    
}

h3, input{
    margin-left: 55%;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

h6{
    margin-left: 55%;
    text-transform: uppercase;
    color: #210a5f;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
}

.toastbtn{
	margin-top:15%;
    margin-left: 15%;
	width: 30%;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: bold;
    color: black;
    background: yellowgreen;
    border-radius: 5px;
    transition: 1s all;
    cursor: pointer;
}

.btnInicio:hover, .toastbtn:hover {
    background: #7387e2;
    transform: scale(1.005);
}

.alinearHorizontal, .caja{
	vertical-align:top;
	display:inline-block;
}
.centrarDiv{
	margin:0px auto;
}
.centrarTexto{
	text-align:center;
}
.cursorPointer{
	cursor:pointer;
}
.borderRadius-5{
	border-radius:5px;
}

.contenedorImagen{
	width:30%;
	height:300px;
	margin-left:20%;
	margin-top:1%;
	min-width:200px;

}
.contenedorImagen img{
	width:100%;
	height:100%;
}
.contenedorPalabra{
	width:30%;
	height:300px;
	background-color:white;
	margin-top:1%;
	min-width:200px;
}
.palabraSecreta{
	width:80%;
	height:50px;
	margin-top:7%;
}
.letra{
	width:30px;
	height:25px;
	font-size:16pt;
}
.botonJugar{
	margin-top:2%;
	width:135px;
	height:35px;
	padding:2%;
	background-color:#47C762;
    box-sizing:border-box;
    font-weight:bold;
}
.contenedorNoIntentos{
	width:100%;
	margin-top:5%;
}
.tituloNoIntentos,.noIntentos{
	font-weight:bold;
	font-size:14pt;
}
.noIntentos{
	font-size:20pt;
	width:50px;
	height:45px;
	border:solid 1px black;
	padding-top:1%;
	border-radius:50px;
	background-color:#2A4FB1;
	color:white;
    box-sizing:border-box;
}
.contenedorLetras{
    margin: 0px 90px 10px;
	width:80%;
	height:150px;
	margin-top:3%;
    box-sizing:border-box;
}
.botonLetra{
	width:50px;
	height:45px;
	background-color:white;
	margin-left:3%;
	margin-bottom:3%;
	padding-top:1.5%;
	border-radius: 5px;
    transition: 1s all;
    cursor: pointer;
}

.botonLetra:hover{
	background: #7387e2;
    transform: scale(1.005);
}

/*css para Footer*/
footer{
    text-align: center;
    background: linear-gradient(45deg,#A8AAD2, #4d64cd );
    /*background: url();*/
    padding: 40px;
}

.imagen-footer{
    width: 20%;
    transition: 400ms;
    box-shadow: 10px 10px 15px #000000;
}

.copyright{
    color: black;
    font-size: 13px;
    margin: 20px;
}

@media screen and (max-width:480px){
    h1{
        text-align: center;
    }

    nav{
        position: static;
    }

    .caja, .principal{
        width: auto;
    }

    #traducido, .mensaje-no-encontrado, .imagen-footer{
        width: 100%;
    }
}