.main-content {
    width: 90%;
    margin: 0 auto;
    background-color: whitesmoke;
    border-radius: 20px;
    padding-top:10px;
    padding-bottom: 5px;
    text-align: center;
  }
    .box1 {
    width: 20rem;
    view-transition-name: box;
  }
  :root {
    --color-primary: #da3654;
    --color-text: #000;
    --color-text-2: #3c4856c2;
  }
  @font-face {
    font-family: 'Recoleta';
    /*src: url('https://bejamas.io/fonts/recoleta/Recoleta-SemiBold--subset.woff2')*/
      format('woff2');
  }
  @font-face {
    font-family: 'Poppins';
    /*src: url('https://bejamas.io/fonts/p-vf.woff2')*/
      format('woff2');
  }
  html {
    box-sizing: border-box;
    scroll-behavior: smooth;
  }
  html *,
  html *::after,
  html *::before {
    box-sizing: inherit;
  }
  body {
    margin: 0;
    font: 100%/1.6 'Poppins', sans-serif;
    background-image: linear-gradient(to bottom, #78c4b8 0%,#f1f6b7 15%,#d7edb6 25%, #bae175 40%, #4bb471 50%,	#458B74 60%,#28648f 80%,#509b7d 100%);
  }
  ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .containers {
    max-width: min(90vw, 42rem);
    margin-inline: auto;
  }
  nav {
    text-align: center;
    padding: 2rem;
    display: flex;
      float: none;
    gap: 2rem;
    justify-content: center;
  
    & a {
      color: rgba(49,49,49,0.84);
      text-decoration: none;
    font-size: 20px;
    font-family: "MV Boli";
    }
  }
    navs {
    text-align: center;
    padding: 2rem;
    display: flex;
      float: none;
    gap: 2rem;
    justify-content: center;
  
    & a {
      color:rgba(49,49,49,0.84);
      text-decoration: none;
    font-size: 20px;
    font-family: "MV Boli";
    }
  }
      nava {
    text-align: center;
    padding: 2rem;
    display: flex;
      float: none;
    gap: 2rem;
    justify-content: center;
  
    & a {
      color: rgba(49,49,49,0.84);
      text-decoration: none;
    font-size: 20px;
    font-family: "MV Boli";
    }
  }
      nave {
    text-align: center;
    padding: 2rem;
    display: flex;
      float: none;
    gap: 2rem;
    justify-content: center;
  
    & a {
      color: rgba(49,49,49,0.84);
      text-decoration: none;
    font-size: 20px;
    font-family: "MV Boli";
    }
  }
  .active {
    text-decoration: underline;
    text-underline-offset: 10px;
  }
  
  .page2 {
    display: none;
  }
  .page3 {
    display: none;
  }
  .page4 {
    display: none;
  }
  .page5 {
    display: none;
  }
  .page6 {
    display: none;
  }
  .page7 {
    display: none;
  }
  .page8 {
    display: none;
  }
  .page9 {
    display: none;
  }
  .page10 {
    display: none;
  }
  .page11 {
    display: none;
  }
  .page12 {
    display: none;
  }
  .page13 {
    display: none;
  }
  .page14 {
    display: none;
  }
  
  .card {
    color: rgba(49,49,49,0.84);
    margin: 5rem auto;
    font-family: "Comic Sans MS";
  }
  .box {
    /*color: #fff;*/
    padding: 1rem;
    border-radius: 1000px;
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box img{
      width: 100%;
  }
  .card{
  
          font-size: 20px;
      }
  .card a{
      font-size: 45px;
      color: #ff7dab;
    text-decoration: none;
  }
  .card a:hover{
    color: #ff7dab;
  }
  .card span b{
      font-size: 28px;
  }
  .card span{
      font-size: 36px;
  }
  .pag2 {
    display: none;
  }
  .pag3 {
    display: none;
  }
  .pag4 {
    display: none;
  }
  .pagea2 {
    display: none;
  }
  .pagea3 {
    display: none;
  }
  .pagea4 {
    display: none;
  }
  .pageaw2 {
    display: none;
  }