animagine-xl / style.css
Linaqruf's picture
update demo
158fb03
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;
}