@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@900&family=Overpass:wght@300;400&display=swap');

/*Estilos Universales*/
*{padding: 0; 
    margin: 0;
    box-sizing: border-box;
    transition: 1s all;
}

/*Estilo Head*/
head{color: #3a0450; 
    background: #d8a1d6;
}

/*Estilo Body*/
body {  background:#d8a1d6; 
        color: #f1faee
}

body header h1 {font-size: 3rem; 
                color: #f1faee;
}

body header h2 {font-family: 'Overpass', sans-serif;
                font-size: 1rem; 
                color: #f1faee;
}

/*Estilo Header*/
header{ background: #d8a1d6;
        color: #3a0450;     
        text-align: center; 
        display: block;
        padding: 2rem; 
        margin: 1rem;
}

h1{ font-family: 'Londrina Solid', cursive;
    font-weight:500;
    display: block;
    font-size: 2rem;
   }

img {  
    border-radius: 20%;
    width: 50px;

}


.encabezado {   
                color: #3a0450;
                text-decoration: none;
                margin: 0;
                padding: 0; 
                box-sizing: border-box; 
                font-family: 'Overpass', sans-serif;
}

body header a { 
            text-decoration: none;
            display: block;
            color: #f1faee;
            font-size: 1rem;
            font-weight: 500;
}

/*Estilo Menu Navegacion*/    
nav {
    color: #f1faee;
    background-color: #7b0386;
    height: 40px;
    font-family: 'Londrina Solid', cursive;
    text-decoration: none;
    text-align: center; 
    display: block;
    text-align:center;
    padding: 0;
    margin: 0;
}

nav a{ 
    color: #f1faee;
    font-size: 1.5rem;
    text-decoration: none;
    padding: .5rem;
    margin: 1rem;
    box-sizing: border-box;
  
}

.link-activo {
    background: #fc4bb1; 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



/*Estilo Main*/

main {font-family: 'Overpass', sans-serif;
    font-size: 1rem; 
    justify-content: space-between; 
    color: #f1faee; 
    background: #d8a1d6;
    padding: 3rem;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: space-around;
	align-items: flex-end;
	align-content: center;
}

main section article h3, h4, h5 {  color: #7b0386;
                                    font-size: 1rem;
                                  
}


.materias {}
.columna-1{width: 100%;}
.columna-2{width: 100%;}
.columna-3{width: 100%;}
.columna-4{width: 100%;}


/*Estilo Footer*/
footer {
    display: block;
    color: #f1faee;
    background: #a65cd4;
    font-family: 'Overpass', sans-serif;
    font-style: italic;
    padding: 1rem; 
    margin: 0;
  
    align-content: flex-end;
   
    
}

footer p {
    font-size: 0.8rem;
    
            
}

/*tamaño pantalla cuando es mayor a 768px*/
@media screen and (min-width:48rem){
    
.materias {display: flex;
            justify-content: space-between;}
.columna-1{width: 30%; }
.columna-2{width: 30%;}
.columna-3{width: 30%;}
.columna-4{width: 30%;}
    footer {width: 100%;}    
}