h1, .h1, h2, .h2 {

    margin-top: 84px;
  
}


.cell-output-display p{
  margin-top: 10px;
  text-align: center;
  font-size: 15px;
}


figcaption{
  text-align: center;
  font-size: 15px;
  
}



.description {
  text-align: center;
}





.quarto-title-block .quarto-title-banner {
  
    background-image: url(logo.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100vh;
}
     
       
.quarto-title-banner{
  background-color: white;
}

  
  .title{ 
  text-align: center;
  padding-top: 8em;

}

#resumen{
  padding-top: 0;
}


@media screen and (min-width: 1300px){
    .title{ 
  text-align: center;
  padding-top: 12em;

}

}

.fig{
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 800px){
  .fig{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}