Spaces:
Running
Running
| 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; | |
| } | |