:root {
    --fuente-principal: 'Typo Hoop Demo', sans-serif;
    --fuente-texto: Arial, Helvetica, sans-serif;
}
* {
    margin: 0;
    padding: 0;
}
.tittle-oferts {
    display: flex;
    justify-content: center;
    padding: 1em;

}
@keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
.oferts {
    padding: 1em;
    font-family: var(--fuente-principal);
    font-size: 2em;
    text-align: center;
    opacity: 0;
    animation: fade-in 2s ease forwards;
}