/* Hoja de estilo*/



/*Head*/

/*Header header{
    background-color: deeppink; 
    padding: 1rem; 
    height: 150px; 
}*/


#main-header{
    background-color: deeppink;
    color: white;
    height: 100px;
    
}

nav {
	float: right;
}
	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		padding-right: 20px;
	}
	
		nav ul li {
			display: inline-block;
			line-height: 100px;
            margin: 0px 15px
        
		}
			
			nav ul li a {
				display: block;
				padding: 0 10px;
				text-decoration: none;
			}
			
				nav ul li a:hover {
					background: #0b9ed5;
				}

/*links del header*/
a {
    color: yellow;
    font-family: roboto;
    
}

.rectangulo{
    font-size: 1.3rem;
    text-align: right;
    
}

/*Body*/

body{
    background: linear-gradient( yellow, white); 
    margin: auto
}


.foto{
    border-radius: 100%;
    border: deeppink 4px solid;
  
    margin:20px;
        
 
}

/*MIS COSAS*/

.mis-cosas{
    
    
}


/*Textos*/

/*Mi nombre*/

.nombre {
    color:deeppink;
    font-family: roboto slab; 
    margin: 35px ; 
    font-size: 30px;
margin-top: -10px;

} 
h2 {
    color:deeppink;
    font-family: roboto slab; 
    margin: 35px ; 
    font-size: 15px;
margin-top: -30px;
    text-decoration: overline

} 

/*Materias  #0b9ed5 azulcito*/

ul{list-style: none}

.materias {color:#0b9ed5 ;font-family: oswald; font-style: bold } 

.materias2 {color:#0b9ed5 ;font-family: dosis; font-style: thin } 

/* footer */

p{
    font-family: roboto;
    font-size: 0.7rem;
    color: deeppink;
    padding: 40px;
}