.hello {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight:bolder;
    font-style: normal;
  }

  .roboto {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }

  .condensed {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: medium;
    font-style: normal;
  }



.playfair {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: medium;
  font-style: normal;
}

  #sectionTwo {
    height: 700px;
  }

  @media (min-width: 768px) {
    #sectionTwo {
      height: 400px; /* Define a altura para 650px em telas grandes */
    }
  }
  

  .animation-scroll {

  }

  .animation-scroll1:hover {
    transition: 8s;
    transform: translateY(-603px);
  }

  .animation-scroll2:hover {
    transition: 8s;
    transform: translateY(-1100px);
  }

  .animation-scroll3:hover {
    transition: 8s;
    transform: translateY(-1850px);
  }

  .movingImage{
    animation-name: boards;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    
}

@keyframes boards {
    0% {
        border-radius: 150px 200px 150px 220px;
    }
    25% {
        border-radius: 150px 220px 150px 210px;
    }
    50% {
        border-radius: 150px 180px 160px 220px;
    }
    75% {
        border-radius: 220px 170px 200px 220px;
    }
    100% {
        border-radius: 150px 200px 150px 220px;
    }
  }