Create style.css

style.css

@@ -0,0 +1,59 @@
+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;