body, html {
    margin: 0;
    padding: 0;
    text-align: center;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
  }


section{
    width: 100%;
    overflow: visible;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
    


}

.hidden  {
    opacity: 0;
    transition: all 1s;
    transform: translateY(100%);
}

.show  {
    opacity: 1;
    transform: translateY(0);
}






@media (max-width: 768px) {
    body,html {
     max-width: 100%;
     min-width: 100%;
   }
  }