* { margin: 0;
    padding: 0;
    box-sizing: border-box;
    }

body{
     background-color: #8CC16D;
}

header nav ul {
    display: flex;
    flex-wrap: wrap;
    min-width: 4em;

}
iframe {
       
    border-radius: 20px;
    box-shadow:inset 0 -2em 1em rgba(0,0,0,0.1),
               0.3em 0.4em 1em rgba(0,0,0,0.5);   
   
}

 #videoAbril  {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    padding: 3em;    
}


header nav ul  a {
    display: block;
    background-color: #68648d;
    font-weight: bolder;
    padding: .60em 2em;
    background-color:#68A2B8;
   color: aliceblue;
   border-radius: 10px;
   font-family:monospace;
   margin: .4em;
   text-align: center;
 box-shadow:inset 0 -1em 1em rgba(0,0,0,0.1),
               0.1em 0.3em 1em rgba(0,0,0,0.3);
}

.cajaContenedora  {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 4em;
      }
  

h1 {
    text-shadow: 1px 2px 2px black;
    letter-spacing: 2px;
    text-align: center;
    background-color: #0DA193;
    color: #f7edff;
    justify-content: center;
    padding: 0em;
    font-family:monospace;
    font-size: 4em;
    margin: 1em;
    margin-bottom: 1;
    padding: 1em;   
    border-radius: 20px;
    border-radius: 20px;
   }

.imagenabril img { 
border-radius: 25%;
}

.imagenabril {
    max-width: 20rem;
    margin: auto;
    padding: .5em;  
    background-color:#AFCCF6;
    border-radius: 20px;
    box-shadow:inset 0 -2em 1em rgba(0,0,0,0.1),
               0.3em 0.4em 1em rgba(0,0,0,0.5);
     }

div {
margin: 2em;
text-align: center;
}

h5 {
   font-weight:1000;
   text-shadow: 1px 1px 3px white;
    letter-spacing: 3px;
   line-height: 3em; 
    margin: .6em;
    text-align: center;
    color: black;
    font-family:sans-serif;
    font-size: 1.3em;

      }

.materias {
    justify-content: flex-end;
    padding: 2em;
    align-items: center;
    max-width: 20em;
    margin: auto;
    display: block;
    background-color:#AFCCF6;
    font-family:sans-serif;
    border-radius: 20px;
    text-align:left;
    box-shadow:inset 0 -3em 3em rgba(0,0,0,0.1),
               0.3em 0.6em 1em rgba(0,0,0,0.3);
      }

h4 {
  text-shadow: 1px 1px 3px black;
   align-items:flex-start;
    text-align: center;
    letter-spacing: 2px;
    background-color: #0DA193;
    color: #f7edff;
    justify-content: center;
    font-family:monospace;
    font-size: 2em;
    margin: 2em;
    margin-top: 1em;
    padding: .3em;   
     border-radius: 10px;
}


ol a {
padding: .6em;    
align-items:flex-end;
background-color:#68A2B8;
text-align: center;
color: aliceblue;
font-size: 1.3em;
border-radius: 10px;
font-family:monospace;
border-radius: 20px;
 box-shadow:inset 0 -1em 1em rgba(0,0,0,0.1),
               0.1em 0.3em 1em rgba(0,0,0,0.3);
}

.datos {
    display: flex;
    flex-wrap:wrap-reverse;
    min-width: 4em;
    padding: 3em;
    max-width: 25rem;
    margin: auto;
    display: block;
    background-color:lightgray;
    font-family:sans-serif;
    text-align:left;
    border-radius: 10px;
    box-shadow:inset 0 -1em 1em rgba(0,0,0,0.1),
               0.1em 0.3em 1em rgba(0,0,0,0.3);
}

.contenedor { 
 margin: auto;
 padding: 1em;
 background-color:beige;
font-family:monospace;
 width:100%;
           }

.paginauba {
     padding: 1em;
  
}

@media all and (min-width: 600px)
{
    .cajaContenedora  {

    flex-direction: row;
   justify-content: space-between;
}
 
  
}