diff --git a/public/tailwind-output.css b/public/tailwind-output.css
index 2fabc3a4..0c0c9791 100644
--- a/public/tailwind-output.css
+++ b/public/tailwind-output.css
@@ -1,5 +1,5 @@
/*
-! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
+! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/
/*
@@ -646,64 +646,72 @@ video {
left: -12rem;
}
-.-right-10 {
- right: -2.5rem;
+.top-12 {
+ top: 3rem;
}
-.-right-32 {
- right: -8rem;
+.top-\[54rem\] {
+ top: 54rem;
}
.-right-\[12rem\] {
right: -12rem;
}
-.-top-4 {
- top: -1rem;
+.top-\[44rem\] {
+ top: 44rem;
}
-.-top-44 {
- top: -11rem;
+.left-96 {
+ left: 24rem;
}
-.bottom-5 {
- bottom: 1.25rem;
+.right-0 {
+ right: 0px;
+}
+
+.top-0 {
+ top: 0px;
}
.bottom-\[20rem\] {
bottom: 20rem;
}
-.left-96 {
- left: 24rem;
+.-right-32 {
+ right: -8rem;
}
-.left-\[-10rem\] {
- left: -10rem;
+.bottom-5 {
+ bottom: 1.25rem;
}
-.left-\[-20rem\] {
- left: -20rem;
+.top-\[30rem\] {
+ top: 30rem;
}
.left-\[20rem\] {
left: 20rem;
}
-.left-\[30rem\] {
- left: 30rem;
+.top-\[40rem\] {
+ top: 40rem;
}
.left-\[35rem\] {
left: 35rem;
}
+.top-\[10rem\] {
+ top: 10rem;
+}
+
.left-\[45rem\] {
left: 45rem;
}
-.right-0 {
- right: 0px;
+.left-\[-10rem\] {
+ left: -10rem;
}
.top-10 {
@@ -717,68 +725,45 @@ video {
.-top-44 {
top: -11rem;
}
-.right-12 {
- right: 3rem;
-}
-.top-0 {
- top: 0px;
-}
-
-.top-10 {
- top: 2.5rem;
+.-right-10 {
+ right: -2.5rem;
}
-.top-12 {
- top: 3rem;
+.left-\[30rem\] {
+ left: 30rem;
}
-.top-\[10rem\] {
- top: 10rem;
+.left-\[-20rem\] {
+ left: -20rem;
}
-.top-\[30rem\] {
- top: 30rem;
+.right-12 {
+ right: 3rem;
}
-.top-\[40rem\] {
- top: 40rem;
+.z-40 {
+ z-index: 40;
}
-.top-\[44rem\] {
- top: 44rem;
+.z-30 {
+ z-index: 30;
}
-.top-\[54rem\] {
- top: 54rem;
+.z-10 {
+ z-index: 10;
}
-.m-10 {
- margin: 2.5rem;
-}
.z-0 {
z-index: 0;
}
-.z-10 {
- z-index: 10;
-}
-
.z-20 {
z-index: 20;
}
-.z-30 {
- z-index: 30;
-}
-
-.z-40 {
- z-index: 40;
-}
-
-.mx-5 {
- margin-left: 1.25rem;
- margin-right: 1.25rem;
+.m-10 {
+ margin: 2.5rem;
}
.mx-auto {
@@ -786,9 +771,9 @@ video {
margin-right: auto;
}
-.my-2 {
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
+.mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
}
.my-4 {
@@ -812,17 +797,16 @@ video {
.mt-4 {
margin-top: 1rem;
-
-}
-
-.-mr-8 {
- margin-right: -2rem;
}
.mt-2 {
margin-top: 0.5rem;
}
+.mr-5 {
+ margin-right: 1.25rem;
+}
+
.mb-4 {
margin-bottom: 1rem;
}
@@ -838,47 +822,25 @@ video {
.mt-10 {
margin-top: 2.5rem;
}
-.mb-20 {
- margin-bottom: 5rem;
-}
-
-.ml-6 {
- margin-left: 1.5rem;
-}
-
-.mb-3 {
- margin-bottom: 0.75rem;
-}
.-mt-5 {
margin-top: -1.25rem;
}
-.mb-4 {
- margin-bottom: 1rem;
-}
.ml-6 {
margin-left: 1.5rem;
}
-.mt-1 {
- margin-top: 0.25rem;
-}
-
-.mt-10 {
- margin-top: 2.5rem;
-}
-
-.mt-2 {
- margin-top: 0.5rem;
+.mb-3 {
+ margin-bottom: 0.75rem;
}
-.mt-4 {
- margin-top: 1rem;
+.-mr-8 {
+ margin-right: -2rem;
}
-.mt-40 {
- margin-top: 10rem;
+.mt-3 {
+ margin-top: 0.75rem;
}
.block {
@@ -905,18 +867,24 @@ video {
display: none;
}
-.h-16 {
- height: 4rem;
+.h-fit {
+ height: -webkit-fit-content;
+ height: -moz-fit-content;
+ height: fit-content;
}
-.h-2 {
- height: 0.5rem;
+.h-full {
+ height: 100%;
}
.h-5 {
height: 1.25rem;
}
+.h-16 {
+ height: 4rem;
+}
+
.h-\[100vh\] {
height: 100vh;
}
@@ -925,65 +893,12 @@ video {
height: 0.5rem;
}
-.h-auto {
- height: auto;
-}
-
-.h-10 {
- height: 2.5rem;
-}
-
-.h-20 {
- height: 5rem;
-}
-
-.h-14 {
- height: 3.5rem;
-}
-
-.h-24 {
- height: 6rem;
-}
-
-.h-28 {
- height: 7rem;
-}
-
-.h-40 {
- height: 10rem;
-}
-
-.h-32 {
- height: 8rem;
-}
-
-.h-\[20rem\] {
- height: 20rem;
-}
-
-.h-\[10rem\] {
- height: 10rem;
-}
-
-.h-\[7rem\] {
- height: 7rem;
-}
-
-.h-\[5rem\] {
- height: 5rem;
-}
-
.h-\[4rem\] {
height: 4rem;
}
-.h-fit {
- height: -webkit-fit-content;
- height: -moz-fit-content;
- height: fit-content;
-}
-.h-full {
- height: 100%;
+.h-auto {
+ height: auto;
}
.min-h-\[600px\] {
@@ -994,16 +909,20 @@ video {
min-height: 940px;
}
-.w-2\/5 {
- width: 40%;
+.w-full {
+ width: 100%;
}
-.w-20 {
- width: 5rem;
+.w-\[24rem\] {
+ width: 24rem;
}
-.w-3\/5 {
- width: 60%;
+.w-\[20rem\] {
+ width: 20rem;
+}
+
+.w-5 {
+ width: 1.25rem;
}
.w-32 {
@@ -1016,36 +935,20 @@ video {
width: fit-content;
}
-.w-4 {
- width: 1rem;
-}
-
-.w-5 {
- width: 1.25rem;
-}
-
.w-56 {
width: 14rem;
}
-.w-64 {
- width: 16rem;
-}
-
-.w-96 {
- width: 24rem;
-}
-
.w-\[100\%\] {
width: 100%;
}
-.w-\[12rem\] {
- width: 12rem;
+.w-\[27rem\] {
+ width: 27rem;
}
-.w-\[20rem\] {
- width: 20rem;
+.w-96 {
+ width: 24rem;
}
.w-\[12rem\] {
@@ -1072,53 +975,20 @@ video {
width: 16rem;
}
-.w-auto {
- width: auto;
-}
-
-.w-10 {
- width: 2.5rem;
-}
-
-.w-24 {
- width: 6rem;
-}
-
.w-44 {
width: 11rem;
}
-.w-60 {
- width: 15rem;
-}
-
-.w-\[18rem\] {
- width: 18rem;
-}
-
-.w-\[19rem\] {
- width: 19rem;
-}
-
.max-w-lg {
max-width: 32rem;
}
-.w-\[24rem\] {
- width: 24rem;
-}
-.w-\[27rem\] {
- width: 27rem;
-}
-
-.w-fit {
- width: -webkit-fit-content;
- width: -moz-fit-content;
- width: fit-content;
+.max-w-7xl {
+ max-width: 80rem;
}
-.w-full {
- width: 100%;
+.max-w-\[88rem\] {
+ max-width: 88rem;
}
.max-w-3xl {
@@ -1129,34 +999,10 @@ video {
max-width: 72rem;
}
-.max-w-7xl {
- max-width: 80rem;
-}
-
.max-w-\[120rem\] {
max-width: 120rem;
}
-.max-w-\[88rem\] {
- max-width: 88rem;
-}
-
-.max-w-lg {
- max-width: 32rem;
-}
-
-.max-w-xl {
- max-width: 36rem;
-}
-
-.max-w-xs {
- max-width: 20rem;
-}
-
-.max-w-sm {
- max-width: 24rem;
-}
-
.basis-1 {
flex-basis: 0.25rem;
}
@@ -1178,16 +1024,16 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
-.scale-100 {
- --tw-scale-x: 1;
- --tw-scale-y: 1;
+.scale-95 {
+ --tw-scale-x: .95;
+ --tw-scale-y: .95;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
-.scale-95 {
- --tw-scale-x: .95;
- --tw-scale-y: .95;
+.scale-100 {
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@@ -1235,12 +1081,6 @@ video {
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
-.space-x-12 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0;
- margin-right: calc(3rem * var(--tw-space-x-reverse));
- margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1253,6 +1093,12 @@ video {
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
+.space-x-12 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(3rem * var(--tw-space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -1276,10 +1122,6 @@ video {
border-radius: 1.5rem;
}
-.rounded-lg {
- border-radius: 0.5rem;
-}
-
.rounded-md {
border-radius: 0.375rem;
}
@@ -1290,7 +1132,6 @@ video {
.rounded-lg {
border-radius: 0.5rem;
-
}
.rounded-t-lg {
@@ -1311,6 +1152,11 @@ video {
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
+.bg-gray-300 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
.bg-blue-300 {
--tw-bg-opacity: 1;
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
@@ -1321,16 +1167,6 @@ video {
background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}
-.bg-gray-300 {
- --tw-bg-opacity: 1;
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
-}
-
-.bg-text {
- --tw-bg-opacity: 1;
- background-color: rgb(209 233 239 / var(--tw-bg-opacity));
-}
-
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1351,10 +1187,38 @@ video {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
+.from-black {
+ --tw-gradient-from: #000;
+ --tw-gradient-to: rgb(0 0 0 / 0);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-blue-400 {
+ --tw-gradient-from: #60a5fa;
+ --tw-gradient-to: rgb(96 165 250 / 0);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-blue-700 {
+ --tw-gradient-from: #1d4ed8;
+ --tw-gradient-to: rgb(29 78 216 / 0);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-blue-800 {
+ --tw-gradient-from: #1e40af;
+ --tw-gradient-to: rgb(30 64 175 / 0);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
.to-endBg {
--tw-gradient-to: #0f3854;
}
+.p-4 {
+ padding: 1rem;
+}
+
.p-10 {
padding: 2.5rem;
}
@@ -1363,13 +1227,19 @@ video {
padding: 6rem;
}
-.p-4 {
- padding: 1rem;
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
}
-.px-1 {
- padding-left: 0.25rem;
- padding-right: 0.25rem;
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
}
.px-2 {
@@ -1377,14 +1247,14 @@ video {
padding-right: 0.5rem;
}
-.px-3 {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
+.px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
}
-.px-4 {
- padding-left: 1rem;
- padding-right: 1rem;
+.py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
}
.px-5 {
@@ -1397,43 +1267,37 @@ video {
padding-right: 1.5rem;
}
-.py-1 {
- padding-top: 0.25rem;
- padding-bottom: 0.25rem;
-}
-
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
-.py-2 {
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
+.pt-64 {
+ padding-top: 16rem;
}
-.pb-2 {
- padding-bottom: 0.5rem;
+.pb-\[24rem\] {
+ padding-bottom: 24rem;
}
-.pb-4 {
- padding-bottom: 1rem;
+.pt-4 {
+ padding-top: 1rem;
}
-.pb-\[24rem\] {
- padding-bottom: 24rem;
+.pb-2 {
+ padding-bottom: 0.5rem;
}
-.pl-4 {
- padding-left: 1rem;
+.pt-16 {
+ padding-top: 4rem;
}
-
-.pr-2 {
- padding-right: 0.5rem;
+
+.pb-4 {
+ padding-bottom: 1rem;
}
-.pr-4 {
- padding-right: 1rem;
+.pt-8 {
+ padding-top: 2rem;
}
.pr-4 {
@@ -1451,24 +1315,9 @@ video {
.pl-4 {
padding-left: 1rem;
}
-.pr-5 {
- padding-right: 1.25rem;
-}
-
-.pt-16 {
- padding-top: 4rem;
-}
-
-.pt-4 {
- padding-top: 1rem;
-}
-
-.pt-64 {
- padding-top: 16rem;
-}
-.pt-8 {
- padding-top: 2rem;
+.pl-2 {
+ padding-left: 0.5rem;
}
.text-left {
@@ -1488,26 +1337,16 @@ video {
line-height: 2rem;
}
-.text-4xl {
- font-size: 2.25rem;
- line-height: 2.5rem;
-}
-
-.text-5xl {
- font-size: 3rem;
- line-height: 1;
-}
-
-.text-6xl {
- font-size: 3.75rem;
- line-height: 1;
-}
-
.text-7xl {
font-size: 4.5rem;
line-height: 1;
}
+.text-sm {
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
.text-\[4rem\] {
font-size: 4rem;
}
@@ -1526,10 +1365,6 @@ video {
font-size: 3rem;
line-height: 1;
}
- .text-sm {
- font-size: 0.875rem;
- line-height: 1.25rem;
-}
.text-xl {
font-size: 1.25rem;
@@ -1544,28 +1379,21 @@ video {
.font-bold {
font-weight: 700;
}
-.font-black {
- font-weight: 900;
-}
-.font-bold {
- font-weight: 700;
+.font-semibold {
+ font-weight: 600;
}
.font-extrabold {
font-weight: 800;
}
-.font-light {
- font-weight: 300;
-}
-
.font-medium {
font-weight: 500;
}
-.font-semibold {
- font-weight: 600;
+.font-light {
+ font-weight: 300;
}
.font-black {
@@ -1576,11 +1404,6 @@ video {
text-transform: uppercase;
}
-.text-gray-900 {
- --tw-text-opacity: 1;
- color: rgb(17 24 39 / var(--tw-text-opacity));
-}
-
.text-red-400 {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -1606,10 +1429,19 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
+.text-gray-900 {
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity));
+}
+
.underline {
text-decoration-line: underline;
}
+.opacity-40 {
+ opacity: 0.4;
+}
+
.opacity-0 {
opacity: 0;
}
@@ -1618,10 +1450,6 @@ video {
opacity: 1;
}
-.opacity-40 {
- opacity: 0.4;
-}
-
.opacity-50 {
opacity: 0.5;
}
@@ -1667,26 +1495,26 @@ video {
transition-duration: 75ms;
}
-.ease-in {
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
+.ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
.hover\:cursor-pointer:hover {
cursor: pointer;
}
-.hover\:bg-black:hover {
+.hover\:bg-sky-900:hover {
--tw-bg-opacity: 1;
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+ background-color: rgb(12 74 110 / var(--tw-bg-opacity));
}
-.hover\:bg-sky-900:hover {
+.hover\:bg-black:hover {
--tw-bg-opacity: 1;
- background-color: rgb(12 74 110 / var(--tw-bg-opacity));
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-20:hover {
@@ -1728,10 +1556,6 @@ video {
order: 2;
}
- .sm-about\:order-2 {
- order: 2;
- }
-
.sm-about\:order-4 {
order: 4;
}
@@ -1758,20 +1582,16 @@ video {
}
@media (min-width: 640px) {
- .sm\:-right-20 {
- right: -5rem;
+ .sm\:top-\[42rem\] {
+ top: 42rem;
}
.sm\:-top-40 {
top: -10rem;
}
- .sm\:top-\[42rem\] {
- top: 42rem;
- }
-
- .sm\:mt-24 {
- margin-top: 6rem;
+ .sm\:-right-20 {
+ right: -5rem;
}
.sm\:mt-24 {
@@ -1782,18 +1602,6 @@ video {
display: grid;
}
- .sm\:h-10 {
- height: 2.5rem;
- }
-
- .sm\:h-20 {
- height: 5rem;
- }
-
- .sm\:h-\[8rem\] {
- height: 8rem;
- }
-
.sm\:h-\[5rem\] {
height: 5rem;
}
@@ -1810,28 +1618,9 @@ video {
width: 24rem;
}
- .sm\:w-10 {
- width: 2.5rem;
- }
-
- .sm\:w-20 {
- width: 5rem;
- }
-
- .sm\:w-auto {
- width: auto;
- }
-
- .sm\:w-\[22rem\] {
- width: 22rem;
- }
-
.sm\:w-\[24rem\] {
width: 24rem;
}
- .sm\:w-\[14rem\] {
- width: 14rem;
- }
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -1843,13 +1632,13 @@ video {
margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
}
- .sm\:text-7xl {
- font-size: 4.5rem;
+ .sm\:text-9xl {
+ font-size: 8rem;
line-height: 1;
}
- .sm\:text-9xl {
- font-size: 8rem;
+ .sm\:text-7xl {
+ font-size: 4.5rem;
line-height: 1;
}
}
@@ -1865,51 +1654,42 @@ video {
.md\:-left-24 {
left: -6rem;
-
- }
-
- .md\:absolute {
- position: absolute;
}
- .md\:-left-24 {
- left: -6rem;
+ .md\:top-60 {
+ top: 15rem;
}
.md\:-right-10 {
right: -2.5rem;
}
- .md\:-top-10 {
- top: -2.5rem;
+ .md\:top-44 {
+ top: 11rem;
}
- .md\:-top-40 {
- top: -10rem;
+ .md\:left-\[30rem\] {
+ left: 30rem;
}
- .md\:left-\[-10rem\] {
- left: -10rem;
+ .md\:top-80 {
+ top: 20rem;
}
- .md\:left-\[-20rem\] {
- left: -20rem;
+ .md\:left-\[60rem\] {
+ left: 60rem;
}
- .md\:left-\[30rem\] {
- left: 30rem;
+ .md\:top-\[30rem\] {
+ top: 30rem;
}
.md\:left-\[40rem\] {
left: 40rem;
}
- .md\:left-\[50rem\] {
- left: 50rem;
- }
-
- .md\:left-\[60rem\] {
- left: 60rem;
+ .md\:left-\[-10rem\] {
+ left: -10rem;
}
.md\:-top-10 {
@@ -1920,20 +1700,16 @@ video {
right: 0px;
}
- .md\:top-44 {
- top: 11rem;
- }
-
- .md\:top-60 {
- top: 15rem;
+ .md\:-top-40 {
+ top: -10rem;
}
- .md\:top-80 {
- top: 20rem;
+ .md\:left-\[50rem\] {
+ left: 50rem;
}
- .md\:top-\[30rem\] {
- top: 30rem;
+ .md\:left-\[-20rem\] {
+ left: -20rem;
}
.md\:my-0 {
@@ -1948,18 +1724,12 @@ video {
.md\:mt-16 {
margin-top: 4rem;
-
}
.md\:mt-0 {
margin-top: 0px;
}
-
- .md\:mt-16 {
- margin-top: 4rem;
- }
-
.md\:mt-40 {
margin-top: 10rem;
}
@@ -1972,10 +1742,6 @@ video {
display: none;
}
- .md\:h-\[7rem\] {
- height: 7rem;
- }
-
.md\:h-auto {
height: auto;
}
@@ -1988,26 +1754,10 @@ video {
width: 17rem;
}
- .md\:w-40 {
- width: 10rem;
- }
-
- .md\:w-\[30rem\] {
- width: 30rem;
- }
-
- .md\:w-\[34rem\] {
- width: 34rem;
- }
-
.md\:w-\[35rem\] {
width: 35rem;
}
- .md\:max-w-md {
- max-width: 28rem;
- }
-
.md\:flex-row {
flex-direction: row;
}
@@ -2091,36 +1841,32 @@ video {
right: -8rem;
}
- .lg\:-top-24 {
- top: -6rem;
+ .lg\:top-\[36rem\] {
+ top: 36rem;
}
- .lg\:-top-60 {
- top: -15rem;
+ .lg\:left-\[20rem\] {
+ left: 20rem;
}
- .lg\:left-\[-10rem\] {
- left: -10rem;
+ .lg\:left-\[70rem\] {
+ left: 70rem;
}
- .lg\:left-\[-20rem\] {
- left: -20rem;
+ .lg\:top-\[20rem\] {
+ top: 20rem;
}
- .lg\:left-\[20rem\] {
- left: 20rem;
+ .lg\:top-\[40rem\] {
+ top: 40rem;
}
.lg\:left-\[50rem\] {
left: 50rem;
}
- .lg\:left-\[70rem\] {
- left: 70rem;
- }
-
- .lg\:right-0 {
- right: 0px;
+ .lg\:left-\[-10rem\] {
+ left: -10rem;
}
.lg\:-top-24 {
@@ -2135,28 +1881,24 @@ video {
right: 5rem;
}
- .lg\:top-\[20rem\] {
- top: 20rem;
- }
-
- .lg\:top-\[36rem\] {
- top: 36rem;
+ .lg\:-top-60 {
+ top: -15rem;
}
- .lg\:top-\[40rem\] {
- top: 40rem;
+ .lg\:left-\[-20rem\] {
+ left: -20rem;
}
- .lg\:w-128 {
- width: 32rem;
+ .lg\:w-\[24rem\] {
+ width: 24rem;
}
.lg\:w-144 {
width: 36rem;
}
- .lg\:w-\[24rem\] {
- width: 24rem;
+ .lg\:w-128 {
+ width: 32rem;
}
.lg\:text-12xl {
diff --git a/src/components/_Landing/global_components/SocialMediaComponent.tsx b/src/components/_Landing/global_components/SocialMediaComponent.tsx
new file mode 100644
index 00000000..c5ed2bbb
--- /dev/null
+++ b/src/components/_Landing/global_components/SocialMediaComponent.tsx
@@ -0,0 +1,21 @@
+/* eslint-disable react/jsx-no-target-blank */
+/* eslint-disable react/jsx-max-props-per-line */
+import React from "react";
+import { FaInstagram } from "react-icons/fa";
+import { FaTwitter } from "react-icons/fa";
+import { FaFacebookF } from "react-icons/fa";
+function SocialMediaComponent() {
+
+ return (
+
+ );
+}
+
+
+export default SocialMediaComponent;
diff --git a/src/components/_Landing/sections/Gallery/Gallery.tsx b/src/components/_Landing/sections/Gallery/Gallery.tsx
new file mode 100644
index 00000000..c225a954
--- /dev/null
+++ b/src/components/_Landing/sections/Gallery/Gallery.tsx
@@ -0,0 +1,185 @@
+import React from "react";
+
+function Gallery() {
+ return (
+
+
+
Highlights
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Winners
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
+
Ⓒ HackRU 2023