body{
    cursor: url('cursor.png'), auto;
}
.rounded-button{
    border-radius: 4px;
    outline: none;
    color: white;
    font-weight: bold;
    background-color: #800080;
    text-align: center;
    font-family: "Pixelify Sans", sans-serif;
    height: 40px;


}
.main {
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  height: 100vh;
  width: 100vw;
  background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
  position: relative;
  align-items: center;
}
.title {
    position: relative;

  font-size: 3rem;
  color: white;
  text-align: center;
  /* margin-top: 20px; */
  animation-name: bounce;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  margin: 0;
}
.subtitle {
  font-size: 1.5rem;
  color: white;
  text-align: center;
  margin-top: 10px;
}

a{
    color: inherit;
    text-decoration: none;
}

.duckylist {
    width: fit-content;
    display: flex;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}
.button-container {
    text-align: center;
    margin-top: 20px;
    display: flex;
    margin: 0 auto;
    display: block;

}
@keyframes bounce {
    0% {
        top: 0px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 0px;
    }
}