@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap');

*{
    box-sizing:border-box;}
    
    body{
        background-color:#fa1919;
        margin: auto;
        font-family: 'PT Sans', sans-serif;

}


h2 {background-color; color: black;
    font-family: 'PT Sans', sans-serif;
 
}


h1 {color: red; 
    text-align: center; 
    font-size: 40px;
background-color: white}
h2{ background-color; color: black;
    font-family: 'PT Sans', sans-serif;
    font-size: 25px}
h3{ background-color; color: black;
    font-family: 'PT Sans', sans-serif;
    font-size: 25px}

h4 {
    height:inherit;
    border-radius: 1rem;
    font-size: 25px
    } 

.contenedor,
main> section {
    max-width: 40rem;
    margin:auto;
    padding: 1rem;
    background-color:white
}
.ejercicio,
main> section {
    max-width: 40rem;
    margin:auto;
    padding: 1rem;
    text-align: justify
}
h5{
    background-color; color: black;
    font-family: 'PT Sans', sans-serif;
    font-size: 25px
}


img {
    max-width: 50%;
    height: auto;
     border-radius: 1rem;
    
    
}
.contenedor,
main> section {
    max-width: 40rem;
    margin:auto;
    padding: 1rem;
}

header .contenedor{
    background-color:white;
    display: flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content: center; 
    
}

ul { text-decoration-line:none ; color:black;}

nav ul {

    list-style: none;
   margin: 5px;
    padding: 10px;

    
    display:flex;
    flex-direction:row;
    align-items: center;
    width: 50%;
    flex-basis: 20%
    
}
 

nav ul li  {
    flex-basis: 25%; 
    color: white; 
    
}

nav ul li a {
background-color: white;
    margin: 5px;
    color: red;
    font-weight:bolder;
    text-decoration:underline;
    display:block;
    flex-basis: 20%; 
    text-align: center;
  border: 2px solid red;
    border-radius: 20px;
    padding: 10px;
    align-items: center
   
    
}

.equipo, {
    background-color: white;
    color: red;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid red;
    border-radius: 20px;
}

main > section {
    margin-top: 20;
    
    background-color: white;
    border: solid ; 1px;
    border-radius: 2rem;
    margin margin-top: 2em;    
    
}
nav ul li a:hover {
    background-color:darkgrey
}
img {
    display: block;
    margin: auto;
    border-radius: 150px
    
}