*{
	margin: 0;
	padding: 0;
	font-family: 'Unica One', sans-serif;
}

body {width:;
    background-color: white;
    margin: 1rem;
    
     
}

main {
    width: 1024px;
    margin: auto;
    max-width: 95%;
    padding: 0 0 1rem;
    flex-grow: 1;

}

ul {
    padding: 10 0 10;
    font-size: 90%;

}

header ul {
    height: 3em;
        
    /* caja flexible */
    display: flex;
    
    /* elementos colocados en los extremos del eje principal */
    justify-content:space-around;
    
    
    /* elementos centrados en el eje secundario */
    align-items: center;

    list-style: none;
    
    /* caja flexible */
    display: flex;
    
}

header ul li {
    width: ;
    height:;
    margin-left:
    display: flex;
  
   
  
}

header ul li a {
   width: 100%;
    height: 100%;
    color: white;
    text-decoration: none;

    /* caja flexible */
    display: flex;
    
    /* centrado en la horizontal */
    justify-content: space-around;

    /* centrado en la vertical */
    align-items: center;
    padding: 10 0 10;
    

        }
nav {   
    
    text-align: center;
  font-size: 1.5rem;
       color: white;
    
    
               
    }
nav li a {
     margin: 1vw;
   
}



.casilla1 {
    
    background-color: lightsalmon;
    display: flex;
    width: 55%;
     justify-content: center;
    
    
    
}
.casilla2 {
    
    background-color: darksalmon;
    display: flex;
    width: 55%;
     justify-content: center;
    
}

.casilla3 {
    
    background-color: burlywood;
    display: flex;
    width: 35%;
     justify-content: center;
    
}

.casilla4 {
    
    background-color: F19981;
    display: flex;
    width: 35%;
    justify-content: center;
    
}

.casilla5 {
    
    background-color: F5B06B;
    display: flex;
    width: 35%;
     justify-content: center;
    
}



.cursando  {
    font-size: 1.3rem;
    background-color: antiquewhite;
    border-radius: 15%;
    height: 35%;
    max-width: 100vw;


    margin-top: 5vw;
    color:saddlebrown;
     
 
    display: flex;
          justify-content:space-between;

    align-items: center;
    
    padding: 1vw 1vw 1vw;
    
        }


.diseno {
    color: lightseagreen;
}


a {
    text-decoration: none;
    color: white;
}


main {
    text-align: center;
    width: 1080px;
    margin: auto;
    max-width: 95%;
    
    display: flex;
    flex-grow: 1;
}

.celular {
    
    width: 200%;
    display: flex;
    flex-direction: column;
    
     
}


h1 {
    font-size: 4rem;
    font-weight: 800;
    text-align: center;
    padding: 1rem 1rem 1rem;
    color: white;
    background-color: lightseagreen;
       
}

h2 {
    text-align: center;
  font-size: 2rem;
    font-weight: 800;
    color: white;
    background-color: lightcoral;
    padding: 2vw 2vw 2vw;
}

h3 {
    text-align: center;
    font-size: 1rem;
    font-weight: 800;
    padding-bottom: 1vw;
    color: lightseagreen;
               
    }





main img {max-width: 90%;
    padding: 9vw 1vw 1vw;
    
    
 
 }


footer {
    text-align: left;
    background-color: lightyellow;
    color:black;
    font-size: 0.9rem;
    padding: 5vw 5vw 5vw;
    display: flex;
    justify-content: space-around;


    }


footer a {
    
   min-width: 20%; 
    min-height: 15%;
    text-align: right;
    text-decoration: none;
    
    
    

}
.dgpc img {
max-width: 100%;

    
}

.dgpc {
    
    display: flex;
    justify-content: center;
    align-content: center;
flex-grow: 1;
        align-items: center;
}

footer p {
    
    padding-left: 5vw;
}