* {
box-sizing: border-box; 
}


img{
max-width:100%; 
height:auto
}

section {
display: flex;
flex-wrap: wrap;
}

/*cuerpo*/

body {
background-color: #ffffff;
font-family: arial;
padding: 1rem;
margin: 1rem 2rem 1rem 2rem;
list-style-type: none; 
font-size: 20;    
color: dimgrey; 
    
}

/*vn24*/

header {
text-align: right;
color: palevioletred;
font-size: 43;    
}

/*menú*/

nav ul {
display: flex;    
margin: 0rem 0rem 3rem 0rem;
width: 100%;    
}

nav ul li{
list-style-type: none;
display: flex;   
background: none; 
font-size: 25;
margin: auto;    
box-sizing: border-box;
width: auto;
height: auto;    
}

/*items*/

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

/*desde lucia pastore hasta fin*/

article {    
padding: 2rem;
background: none;
border-radius: 0.2rem;
display: inline;
}


/*primer y segundo año*/

article h5 {
padding: 0rem 0rem 1rem 0rem;    
margin: 0rem;    ; 
font-size: 17;    
} 

/*disclaimer*/

footer {
text-align: center;
font-size: 12;  
font-style: italic    
}

/*Lucia pastore*/

h2 {
color: palevioletred;
font-size: 35;   
margin: auto;
justify-content: center;
display: flex;
padding: 1rem;    
}

/*Diseño Grafico*/

h3 {
padding: 0rem 0rem 1rem 0rem; 
font-size: 25; 
color: palevioletred; 
margin: 0rem;
justify-content: center;
display: flex;
}

/*Materias aprobadas*/

h4 {
font-size: 25;
margin: auto;
justify-content: center;
display: flex;
margin: 1rem;
text-decoration: underline;    
}

/*palabras menu*/

a {
color: dimgrey;  
font-size: 23;
display: flex;
text-align: inherit;    
}

/*foto lu*/

img {
display: flex;
margin: auto;
justify-content: center;    
box-sizing: border-box;    
width: 320px;
height: 320px;
border-radius: 20rem;
image-orientation: center;
box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15);     
    
}

/*"primer y segundo" contenedor*/

section {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
text-align: center;  
font-size: 21;   
background: none;    
}

.boton a {
justify-content: center;
text-align: center;    
}


.ejercicio {
background: pink; 
padding: 1rem;  
color: palevioletred;    
}

@media all and ( min-width: 48rem;) {
    background: none; }