@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i');

*{
	margin: 0rem;
	padding: 0rem;
}



/** MENU **/

.caja1 { width: auto;
    height:auto;
        background-image: url(img/parallax-background.jpg);}


header h2{ font-family: 'Arvo';
            color: #000000;
            font-size: 4rem;
    text-align: center
        
        
}   

header h3{ font-family: 'Arvo';
            color: #000000;
            font-size: 2rem;
    text-align: center
}

header h4{
            color: #ffffff;
            font-size: 1rem;
}



nav ul li {
    list-style-type: none;
    display: inline;
    text-align: center;
    padding: 1rem;
    color: #ffffff;
    font-family: 'Arvo';
    font-size: 1rem;
}



.navegador {
    text-align: center;
    font color: #ffffff;
   }




.nombre {font-family: 'Arvo';
         text-align: center; 
         position: relative;
         top: 2rem;
         }

img  {border-radius: 100rem;   }
    
	
.materias {
    font-family: 'Arvo';
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
	margin: 2rem;
	margin-top: 4rem;
    position:relative;
}



.materias p{font-size: 1rem;
            line-height: 25px;

    
}
.columna1 {background-color: deepskyblue;
            padding: 2rem;
    
}

.columna2 {background-color: deepskyblue;
            padding: 2rem;
    
}

.columna3 {background-color: deepskyblue;
            padding: 2rem;
}
footer {
    background-color: #000000;
	padding: 1rem;
    position: relative;
    font-family: 'Arvo', serif; 
    font-style: italic;
    color: deepskyblue;}