linuxinet/animagine-xl

1h1 {2  text-align: center;3  font-size: 10vw; /* relative to the viewport width */4}5 6h2 {7  text-align: center;8  font-size: 10vw; /* relative to the viewport width */9}10 11#duplicate-button {12  margin: auto;13  color: #fff;14  background: #1565c0;15  border-radius: 100vh;16}17 18#component-0 {19  max-width: 80%; /* relative to the parent element's width */20  margin: auto;21  padding-top: 1.5rem;22}23 24/* You can also use media queries to adjust your style for different screen sizes */25@media (max-width: 600px) {26  #component-0 {27    max-width: 90%;28    padding-top: 1rem;29  }30}31 32#gallery .grid-wrap{33  min-height: 25%;34}35 36#title-container {37    display: flex;38    justify-content: center;39    align-items: center;40    height: 100vh; /* Adjust this value to position the title vertically */41  }42 43#title {44    font-size: 3em;45    text-align: center;46    color: #333;47    font-family: 'Helvetica Neue', sans-serif;48    text-transform: uppercase;49    background: transparent;50  }51 52#title span {53    background: -webkit-linear-gradient(45deg, #4EACEF, #28b485);54    -webkit-background-clip: text;55    -webkit-text-fill-color: transparent;56}57 58#subtitle {59  text-align: center;60}61