-
FAQS
+
+
+ FAQS
+
diff --git a/main.css b/main.css
index f48c3a8..d128dc8 100644
--- a/main.css
+++ b/main.css
@@ -45,7 +45,7 @@
left: 0;
}
- #faq > div > * {
+ #particles-js > div > * {
position: relative;
z-index: 10;
}
diff --git a/script.js b/script.js
index b2b6c16..0ddaf4e 100644
--- a/script.js
+++ b/script.js
@@ -41,5 +41,5 @@ document.addEventListener('DOMContentLoaded', () => {
// particles.js
- particlesJS.load('faq', 'assets/particlesjs-config.json');
+ particlesJS.load('particles-js', 'assets/particlesjs-config.json');
});
diff --git a/styles.css b/styles.css
index b484abc..1a75b72 100644
--- a/styles.css
+++ b/styles.css
@@ -844,6 +844,10 @@ h1, h2, h3, h4, h5, h6 {
display: none;
}
+.h-28 {
+ height: 7rem;
+}
+
.h-8 {
height: 2rem;
}
@@ -888,6 +892,10 @@ h1, h2, h3, h4, h5, h6 {
width: 100vw;
}
+.max-w-7xl {
+ max-width: 80rem;
+}
+
.flex-none {
flex: none;
}
@@ -1431,6 +1439,10 @@ h1, h2, h3, h4, h5, h6 {
justify-items: stretch;
}
+.gap-10 {
+ gap: 2.5rem;
+}
+
.gap-12 {
gap: 3rem;
}
@@ -1775,6 +1787,10 @@ h1, h2, h3, h4, h5, h6 {
border-radius: 0.25rem;
}
+.rounded-2xl {
+ border-radius: 1rem;
+}
+
.rounded-3xl {
border-radius: 1.5rem;
}
@@ -1953,6 +1969,38 @@ h1, h2, h3, h4, h5, h6 {
background-image: url('img/hero-bg/layer4.svg');
}
+.bg-prize-acer-nitro-monitor {
+ background-image: url('img/prizes/acer_nitro_monitor.png');
+}
+
+.bg-prize-airtag {
+ background-image: url('img/prizes/airtag.png');
+}
+
+.bg-prize-amazon-fire-stick {
+ background-image: url('img/prizes/amazon_fire_stick.png');
+}
+
+.bg-prize-desk-lamp {
+ background-image: url('img/prizes/desk_lamp.png');
+}
+
+.bg-prize-echo-dot {
+ background-image: url('img/prizes/echo_dot.png');
+}
+
+.bg-prize-jbl-flip-5 {
+ background-image: url('img/prizes/jbl_flip_5.png');
+}
+
+.bg-prize-razer-blackwidow {
+ background-image: url('img/prizes/razer_blackwidow.png');
+}
+
+.bg-prize-wireless-photo-printer {
+ background-image: url('img/prizes/wireless_photo_printer.png');
+}
+
.decoration-slice {
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
@@ -1973,6 +2021,10 @@ h1, h2, h3, h4, h5, h6 {
box-decoration-break: clone;
}
+.bg-contain {
+ background-size: contain;
+}
+
.bg-cover {
background-size: cover;
}
@@ -2006,6 +2058,22 @@ h1, h2, h3, h4, h5, h6 {
background-clip: text;
}
+.bg-\[bottom_-12px_right_-16px\] {
+ background-position: bottom -12px right -16px;
+}
+
+.bg-\[bottom_-16px_right_-16px\] {
+ background-position: bottom -16px right -16px;
+}
+
+.bg-\[bottom_-16px_right_0px\] {
+ background-position: bottom -16px right 0px;
+}
+
+.bg-\[bottom_-8px_right_0px\] {
+ background-position: bottom -8px right 0px;
+}
+
.bg-center-bottom {
background-position: center bottom;
}
@@ -2079,6 +2147,10 @@ h1, h2, h3, h4, h5, h6 {
padding: 1.5rem;
}
+.p-8 {
+ padding: 2rem;
+}
+
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
@@ -2118,6 +2190,10 @@ h1, h2, h3, h4, h5, h6 {
padding-bottom: 1.75rem;
}
+.pt-16 {
+ padding-top: 4rem;
+}
+
.pt-32 {
padding-top: 8rem;
}
@@ -2710,7 +2786,7 @@ canvas {
left: 0;
}
-#faq > div > * {
+#particles-js > div > * {
position: relative;
z-index: 10;
}
@@ -2879,6 +2955,10 @@ canvas {
height: fit-content;
}
+ .md\:w-80 {
+ width: 20rem;
+ }
+
.md\:w-fit {
width: -moz-fit-content;
width: fit-content;
@@ -2976,6 +3056,10 @@ canvas {
display: flex;
}
+ .lg\:w-96 {
+ width: 24rem;
+ }
+
.lg\:w-\[999px\] {
width: 999px;
}
diff --git a/tailwind.config.js b/tailwind.config.js
index 03ce118..34de4c1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -15,6 +15,14 @@ module.exports = {
'enchanted-forest-layer-2': "url('img/hero-bg/layer2.svg')",
'enchanted-forest-layer-3': "url('img/hero-bg/layer3.svg')",
'enchanted-forest-layer-4': "url('img/hero-bg/layer4.svg')",
+ 'prize-acer-nitro-monitor': "url('img/prizes/acer_nitro_monitor.png')",
+ 'prize-airtag': "url('img/prizes/airtag.png')",
+ 'prize-amazon-fire-stick': "url('img/prizes/amazon_fire_stick.png')",
+ 'prize-desk-lamp': "url('img/prizes/desk_lamp.png')",
+ 'prize-echo-dot': "url('img/prizes/echo_dot.png')",
+ 'prize-jbl-flip-5': "url('img/prizes/jbl_flip_5.png')",
+ 'prize-razer-blackwidow': "url('img/prizes/razer_blackwidow.png')",
+ 'prize-wireless-photo-printer': "url('img/prizes/wireless_photo_printer.png')",
},
extend: {
backgroundPosition: {
-