body{text-align: center;
font-family: sans-serif;}

/* botones del interfas*/
.inicio{
    background-color: palegreen;
    color: rgb(148, 11, 18);
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    border: solid 5px palegreen;
    border-radius: 20px;
    transition: 1s;
    margin: 20px 20px 20px 20px;
}

.inicio:hover{
 transition: 1s;
 transform: scale(1.1);
 background-color: rgb(148, 11, 18);
 color: palegreen;
 border-color:rgb(148, 11, 18);
}

.comienzo{background-color: black;
    color:white;
    padding:30px;
    font-size: 39px;
}

.botones{
display:inline-block;
border:solid 4px black; 
border-radius: 20px;  
color: white;
background-color: black;
padding:30px;
font-size: 23px;
margin-top:10px;
text-decoration: none;
transition: 3s;}


.botones:hover{ 
font-size: 30px;
border-color:white;
color: black;
background-color: white;
transform: scale(1.1);
transition: 1s;}
    
/* apartado de imagen (fondo)*/

.pok,.esp2
{background-image: url("ciu.jpg");
    background-size: 1360px 720px;
    background-attachment: fixed;
color:white;
padding:30px;
font-size: 30px;
margin-top:10px;
}

/* apartado de imagen verde (fondo)*/
   
#contexto{background-image: url("verdin.jpg");
    background-size: 1400px 720px;
    background-attachment: fixed;
color:white;
padding:30px;
font-size: 20px;
margin-top:10px;
}

img{
    transition: 1s;
    border-radius: 20px;
    cursor: pointer;
}

img:hover{
    transform: scale(1.1);
    transition: 1s;
    box-shadow: 3px 3px 3px 3px;
}