style.css

h1 {
  text-align: center;
  font-size: 10vw; /* relative to the viewport width */
}

h2 {
  text-align: center;
  font-size: 10vw; /* relative to the viewport width */
}

#duplicate-button {
  margin: auto;
  color: #fff;
  background: #1565c0;
  border-radius: 100vh;
}

#component-0 {
  max-width: 80%; /* relative to the parent element's width */
  margin: auto;
  padding-top: 1.5rem;
}

/* You can also use media queries to adjust your style for different screen sizes */
@media (max-width: 600px) {
  #component-0 {
    max-width: 90%;
    padding-top: 1rem;
  }
}

#gallery .grid-wrap{
  min-height: 25%;
}

#title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust this value to position the title vertically */
  }

#title {
    font-size: 3em;
    text-align: center;
    color: #333;
    font-family: 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    background: transparent;
  }

#title span {
    background: -webkit-linear-gradient(45deg, #4EACEF, #28b485);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#subtitle {
  text-align: center;
}