diff --git a/index.html b/index.html index 819031f..b972434 100644 --- a/index.html +++ b/index.html @@ -1,821 +1,692 @@ - - - - Creative Web & Software - - - - - - - - - - - - -
-
-
-
+ + + + + Creative Web & Software + + + + + + + + + + + + + +
+
+
+
+
+
+ logo.png +
+
-
- logo.png -
- -
- -
+ class="bg-linear-to-r from-[#9d50bb] to-[#6e72fc] cursor-pointer py-2.5 px-4 rounded-[10px] hover:bg-none border hover:border-[#7451FD] duration-200 w-fit sm:mx-auto lg:mx-0"> +
-
-
- +
+
+
+ - - + - -
- -
-
- -

- Here Will Be - Promotion Video -

+ +
+ +
+
+ +

+ Here Will Be + Promotion + Video +

+

+ Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu + est at non suscipit. Felis posuere maecenas interdum sit cras. + Egestas sed nunc sodales arcu mi ut volutpat lobortis. +

+ + +
+

- Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu - est at non suscipit. Felis posuere maecenas interdum sit cras. - Egestas sed nunc sodales arcu mi ut volutpat lobortis. + class="text-white font-extrabold lg:text-[56px] text-2xl w-full text-center absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> + Video Will Be Here

- - -
- -

- Video Will Be Here +

+
+
+
+ Some text will be here +
+

+ Lorem ipsum dolor sit amet consectetur. Lectus et lobortis + ultricies eget amet faucibus diam. Dictum pharetra nisi donec + neque ut mauris nulla eros.

-
-
-
- Some text will be here -
-

- Lorem ipsum dolor sit amet consectetur. Lectus et lobortis - ultricies eget amet faucibus diam. Dictum pharetra nisi donec - neque ut mauris nulla eros. -

-
-
-
- Some text will be here -
-

- Lorem ipsum dolor sit amet consectetur. Lectus et lobortis - ultricies eget amet faucibus diam. Dictum pharetra nisi donec - neque ut mauris nulla eros. -

-
-
-
- Some text will be here -
-

- Lorem ipsum dolor sit amet consectetur. Lectus et lobortis - ultricies eget amet faucibus diam. Dictum pharetra nisi donec - neque ut mauris nulla eros. -

-
+
+
+ Some text will be here +
+

+ Lorem ipsum dolor sit amet consectetur. Lectus et lobortis + ultricies eget amet faucibus diam. Dictum pharetra nisi donec + neque ut mauris nulla eros. +

+
+
+
+ Some text will be here +
+

+ Lorem ipsum dolor sit amet consectetur. Lectus et lobortis + ultricies eget amet faucibus diam. Dictum pharetra nisi donec + neque ut mauris nulla eros. +

-
+
- -
- +
+ +
+ - -
-
-
- -
-

- Here will be - Course Module -

-

- Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu - est at non suscipit. Felis posuere maecenas interdum sit cras. - Egestas sed nunc sodales arcu mi ut volutpat lobortis. -

-
- -
- -
-
-
-
- courseModuleElement + +
+
+
+ +
+

+ Here will be + Course + Module +

+

+ Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu + est at non suscipit. Felis posuere maecenas interdum sit cras. + Egestas sed nunc sodales arcu mi ut volutpat lobortis. +

+
+ +
+ +
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
-

- Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis - adipiscing sed mauris sapien. Lacus tempus nec sit nec - facilisis velit. Et egestas arcu nibh in pulvinar sit. - Ullamcorper turpis laoreet in ultricies at pretium ullamcorper - aliquet lobortis. Facilisi felis eget cras in vitae. Semper ut - nisl faucibus mattis est et. -

-
-
-
- courseModuleElement +

+ Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis + adipiscing sed mauris sapien. Lacus tempus nec sit nec + facilisis velit. Et egestas arcu nibh in pulvinar sit. + Ullamcorper turpis laoreet in ultricies at pretium ullamcorper + aliquet lobortis. Facilisi felis eget cras in vitae. Semper ut + nisl faucibus mattis est et. +

+
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
-
-
-
- courseModuleElement +
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
-
-
-
- courseModuleElement +
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
- - -
-
-
-
- courseModuleElement +
+ + +
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
-

- Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis - adipiscing sed mauris sapien. Lacus tempus nec sit nec - facilisis velit. Et egestas arcu nibh in pulvinar sit. - Ullamcorper turpis laoreet in ultricies at pretium ullamcorper - aliquet lobortis. Facilisi felis eget cras in vitae. Semper ut - nisl faucibus mattis est et. -

-
-
-
- courseModuleElement +

+ Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis + adipiscing sed mauris sapien. Lacus tempus nec sit nec + facilisis velit. Et egestas arcu nibh in pulvinar sit. + Ullamcorper turpis laoreet in ultricies at pretium ullamcorper + aliquet lobortis. Facilisi felis eget cras in vitae. Semper ut + nisl faucibus mattis est et. +

+
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
-
-
-
- courseModuleElement +
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
-
-
-
- courseModuleElement +
+
+
+
+ courseModuleElement +
+
+
+
+ Module title will be here +
-
-
-
- Module title will be here -
-
-
- -
+
+
-
- -
- -
- + +
+ +
+
+
-
- +
+
+ - -
-
-
- -
-

- Bonus Courses - Learn For Free -

-

- Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu - est at non suscipit. Felis posuere maecenas interdum sit cras. - Egestas sed nunc sodales arcu mi ut volutpat lobortis. -

-
- + +
+
+
+ +
+

+ Bonus Courses + Learn For + Free +

+

+ Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu + est at non suscipit. Felis posuere maecenas interdum sit cras. + Egestas sed nunc sodales arcu mi ut volutpat lobortis. +

+
+ - -
- -
- bonusImgOne.png -
-

- Journey Title will be here -

- -
+ +
+ +
+ bonusImgOne.png +
+

+ Journey Title will be here +

+
- - -
- bonusImgtwo.png -
-

- Journey Title will be here -

- -
+
+ + +
+ bonusImgtwo.png +
+

+ Journey Title will be here +

+
- - -
- bonusImgthree.png -
-

- Journey Title will be here -

- -
+
+ + +
+ bonusImgthree.png +
+

+ Journey Title will be here +

+
- - -
- bonusImgFour.png -
-

- Journey Title will be here -

- -
+
+ + +
+ bonusImgFour.png +
+

+ Journey Title will be here +

+
-
- +
+
-
- +
+
+ - -
-
-
-
-

Web Projects will be here

-

- Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu - est at non suscipit. Felis posuere maecenas interdum sit cras. - Egestas sed nunc sodales arcu mi ut volutpat lobortis. -

+ +
+
+
+
+

Web Projects will be here

+

+ Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu + est at non suscipit. Felis posuere maecenas interdum sit cras. + Egestas sed nunc sodales arcu mi ut volutpat lobortis. +

+
+
+
+
+ projectImg + Relevant project Image Will Be Here +
+

Expert Consulting Website

+
+ + + +
-
-
-
- projectImg - Relevant project Image Will Be Here -
-

Expert Consulting Website

-
- - - -
+
+
+ projectImg + Relevant project Image Will Be Here
-
-
- projectImg - Relevant project Image Will Be Here -
-

Service Marketplace

-
- - - -
+

Service Marketplace

+
+ + +
-
-
- projectImg - Relevant project Image Will Be Here -
-

Woo-commerce platform

-
- - - -
+
+
+
+ projectImg + Relevant project Image Will Be Here
-
-
- projectImg - Relevant project Image Will Be Here -
-

Travel Solutions platform

-
- - - -
+

Woo-commerce platform

+
+ + +
-
-
- projectImg - Relevant project Image Will Be Here -
-

Service Marketplace

-
- - - -
+
+
+
+ projectImg + Relevant project Image Will Be Here
-
-
- projectImg - Relevant project Image Will Be Here -
-

Expert Consulting Website

-
- - - -
+

Travel Solutions platform

+
+ + +
-
-
- projectImg - Relevant project Image Will Be Here -
-

Travel Solutions platform

-
- - - -
+
+
+
+ projectImg + Relevant project Image Will Be Here
-
-
- projectImg - Relevant project Image Will Be Here -
-

Woo-commerce platform

-
- - - -
+

Service Marketplace

+
+ + + +
+
+
+
+ projectImg + Relevant project Image Will Be Here +
+

Expert Consulting Website

+
+ + + +
+
+
+
+ projectImg + Relevant project Image Will Be Here +
+

Travel Solutions platform

+
+ + + +
+
+
+
+ projectImg + Relevant project Image Will Be Here +
+

Woo-commerce platform

+
+ + +
-
- +
+
+ - -
-
-
-
-

An exciting journey roadmap

-

- Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu - est at non suscipit. Felis posuere maecenas interdum sit cras. - Egestas sed nunc sodales arcu mi ut volutpat lobortis. -

-
-
-
-
+ +
+
+
+
+

An exciting journey roadmap

+

+ Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu + est at non suscipit. Felis posuere maecenas interdum sit cras. + Egestas sed nunc sodales arcu mi ut volutpat lobortis. +

+
+
+
+
+
1 @@ -829,7 +700,10 @@

Journey Title will be here

neque ut mauris nulla eros.

-
+
+
+
2 @@ -843,7 +717,10 @@

Journey Title will be here

neque ut mauris nulla eros.

-
+
+
+
3 @@ -857,9 +734,10 @@

Journey Title will be here

neque ut mauris nulla eros.

- - -
+
+
+
4 @@ -873,7 +751,10 @@

Journey Title will be here

neque ut mauris nulla eros.

-
+
+
+
5 @@ -887,408 +768,337 @@

Journey Title will be here

neque ut mauris nulla eros.

-
+
-
- +
+
+ - -
-
- -
-
-
-
-

Ready to

-
-

Start Your Career

-
-

Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu est at non suscipit. Felis posuere maecenas interdum sit cras. Egestas sed nunc sodales arcu mi ut volutpat lobortis.

-
- siren.png -

Limited Seats Available

-
-
- -
+ +
+
+ +
+
+
+
+

Ready + to

+
+

Start Your Career

- -
- -
-
-
-
-

- Book Your Seat Now -

-

- Start building your professional career for free -

-
-
-

- Your Full Name -

-
- - - -
-
- + +
+ +
+
+
+
+

+ Book Your Seat Now +

+

+ Start building your professional career for free +

+
+
+

+ Your Full Name +

+
+ + +
-
-

- Phone Number -

-
- - - -
+
+ - +
+
-
- - - -
- -
- - - - - -

- Frequently Asked - Questions -

-

- Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu est - at non suscipit. Felis posuere maecenas interdum sit cras. Egestas sed - nunc sodales arcu mi ut volutpat lobortis. -

- - -
-
-
-

- Title wil be here for the frequently asked question -

-

- Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt - eu est at non suscipit. Felis posuere maecenas interdum sit - cras. Egestas sed nunc sodales arcu mi ut volutpat lobortis. -

+
+
+ - -
-
-
-

- Title wil be here for the frequently asked question -

- -
-
-

- Title wil be here for the frequently asked question -

- -
-
-

+ +
+ +
+ + + + + +

+ Frequently Asked + Questions +

+

+ Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu est + at non suscipit. Felis posuere maecenas interdum sit cras. Egestas sed + nunc sodales arcu mi ut volutpat lobortis. +

+ + +
+
+
+

Title wil be here for the frequently asked question

- -
-
-

- Title wil be here for the frequently asked question -

- +

+ Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt + eu est at non suscipit. Felis posuere maecenas interdum sit + cras. Egestas sed nunc sodales arcu mi ut volutpat lobortis. +

+ +
- +
+

+ Title wil be here for the frequently asked question +

+ +
+
+

+ Title wil be here for the frequently asked question +

+ +
+
+

+ Title wil be here for the frequently asked question +

+ +
+
+

+ Title wil be here for the frequently asked question +

+ +
- -
- + +

+ +
+ - -
- +
+ + + + + - - - - + \ No newline at end of file diff --git a/src/input.css b/src/input.css index f8924a2..225870a 100644 --- a/src/input.css +++ b/src/input.css @@ -9,11 +9,9 @@ --font-hind: "Hind Siliguri", sans-serif; --font-roboto: "Roboto", sans-serif; --spacing-container: 1140px; - --background-image-gradientNew: linear-gradient( - 90deg, - #7f5cff 0%, - #4e95ff 100% - ); + --background-image-gradientNew: linear-gradient(90deg, + #7f5cff 0%, + #4e95ff 100%); --shadow-newShadow: 0 4px 60px 0 rgba(72, 103, 255, 0.8); } @@ -31,15 +29,19 @@ .heading { @apply text-center border-b border-b-[#7451FD]; } + .heading h3 { @apply text-white lg:text-[56px] text-[40px] font-inter font-extrabold leading-tight w-70 mx-auto md:w-208.75 lg:w-208.75 capitalize; } + .heading h3 span { @apply italic bg-linear-to-r from-[#4E95FF] to-[#7F5CFF] bg-clip-text text-transparent; } + .heading p { @apply lg:w-202.5 mx-auto text-[#A9B0B8] text-lg font-roboto pt-4 px-2 lg:px-0; } + /* Common End */ /* Projects Part Start */ @@ -49,132 +51,170 @@ .projects { @apply bg-[url('/images/projectsBG.png')] bg-no-repeat bg-cover bg-center lg:py-28.5 md:py-12 py-20; } + .projectsHead { @apply pb-8 mb-8; } + .allProjects { @apply grid lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-2 gap-6; } + .projectDetails { @apply bg-[#050111] rounded-2xl border border-[#1A2130] p-4; } + .projectDetailsImg { @apply relative; } + .projectDetailsImg img { @apply w-full; } + .projectDetailsImg span { @apply absolute top-1/2 left-1/2 -translate-1/2 w-52.5 text-white text-[12px] font-roboto bg-[#120B50CC] p-2.5; } + .projectDetails h4 { @apply text-white text-base font-roboto font-semibold pt-4 pb-10; } + .projectDetailsBtn { @apply flex items-center gap-x-2; } + .projectDetailsBtn button { @apply text-[12px] font-roboto rounded-sm cursor-pointer px-2 py-1; } + .btnOne { @apply text-[#F0C0FF] bg-[#6A3A7D]; } + .btnTwo { @apply text-[#4891FF] bg-[#233981]; } + .btnThree { @apply text-[#FF9697] bg-[#683D3E]; } + .btnFour { @apply text-[#9387FF] bg-[#453576]; } + .btnFive { @apply text-[#96FFA2] bg-[#3D6849]; } + .btnSix { @apply text-[#FFC081] bg-[#7C523D]; } + .btnSeven { @apply text-[#B8C1D4] bg-[#51555B]; } + .btnEight { @apply text-[#FFF396] bg-[#68653D]; } + .btnNine { @apply text-[#42C6FF] bg-[#265479]; } + .btnTen { @apply text-[#96FFA2] bg-[#3D6849]; } + .btnEleven { @apply text-[#FFFFFF] bg-[#68653D]; } + .btnTwelve { @apply text-[#BEB3FF] bg-[#3A4683]; } + /* Projects Part End */ /* Roadmap Part Start */ #roadmapPart { @apply bg-[#050111]; } + .roadmap { @apply bg-[url(/images/roadmapBG.png)] bg-no-repeat bg-cover bg-center py-16.5; } + .roadmapHead { @apply border-none pb-8; } + .allRoadmapsFlex { - @apply flex flex-wrap md:justify-center gap-6; + @apply flex flex-wrap md:justify-center gap-6 grow !; } -/* .allRoadmapsGridOne { - @apply grid lg:grid-cols-3 md:grid-cols-2 md:justify-center gap-6; -} */ + .allRoadmapsGridTwo { @apply grid lg:grid-cols-2 gap-6 pt-6; } + .roadmapContent { - @apply bg-[#050111] rounded-[20px] shadow-[0px_4px_40px_0px_rgba(175,194,212,0.2)] p-6; + @apply bg-[#050111] rounded-[20px] shadow-[0px_4px_40px_0px_rgba(175, 194, 212, 0.2)] p-6; } + .serial { @apply flex items-center; } + .serialNum { @apply h-14 w-14 bg-[#38435C] rounded-[10px] flex items-center justify-center; } + .serialNum span { @apply text-white text-[32px] font-inter font-semibold; } + .line { @apply h-0.75 rounded-full bg-linear-to-r via-26% to-[#FFFFFF00] w-[90%]; } + .lineOne { @apply from-[#CCA3FF] via-[#CCA3FF]; } + .lineTwo { @apply from-[#36FF6C] via-[#36FF6C]; } + .lineThree { - @apply from-[#FFB265] via-[#FFB265] w-65; + @apply from-[#FFB265] via-[#FFB265]; } + .lineFour { - @apply from-[#FF6767] via-[#FF6767] w-65 md:w-65 lg:w-103.5; + @apply from-[#FF6767] via-[#FF6767] lg:w-103.5; } + .lineFive { - @apply from-[#5BA7FF] via-[#5BA7FF] w-65 md:w-160 lg:w-103.5; + @apply from-[#5BA7FF] via-[#5BA7FF] lg:w-103.5; } + .roadmapContent { @apply md:w-[48%] grow; } + .roadmapContentFirst { @apply lg:w-[30%]; } + .roadmapContent h4 { @apply text-white text-xl font-roboto font-semibold pt-4 pb-2; } + .roadmapContent p { @apply text-[#6F7B88] text-sm font-roboto leading-[150%]; } + /* Roadmap Part End */ /* ============= */ -/* Ashfak Maumud */ +/* Ashfak Maumud */ \ No newline at end of file diff --git a/src/output.css b/src/output.css index e180252..5a15d60 100644 --- a/src/output.css +++ b/src/output.css @@ -341,6 +341,9 @@ .w-full { width: 100%; } + .w-full\! { + width: 100% !important; + } .max-w-container { max-width: var(--spacing-container); } @@ -527,6 +530,20 @@ .bg-\[\#FFC081\] { background-color: #FFC081; } + .bg-linear-to-bl { + --tw-gradient-position: to bottom left; + @supports (background-image: linear-gradient(in lab, red, red)) { + --tw-gradient-position: to bottom left in oklab; + } + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-linear-to-br { + --tw-gradient-position: to bottom right; + @supports (background-image: linear-gradient(in lab, red, red)) { + --tw-gradient-position: to bottom right in oklab; + } + background-image: linear-gradient(var(--tw-gradient-stops)); + } .bg-linear-to-l { --tw-gradient-position: to left; @supports (background-image: linear-gradient(in lab, red, red)) { @@ -541,10 +558,21 @@ } background-image: linear-gradient(var(--tw-gradient-stops)); } + .bg-linear-to-tl { + --tw-gradient-position: to top left; + @supports (background-image: linear-gradient(in lab, red, red)) { + --tw-gradient-position: to top left in oklab; + } + background-image: linear-gradient(var(--tw-gradient-stops)); + } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + .bg-gradient-to-tr { + --tw-gradient-position: to top right in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } .text-brand { background-image: var(--background-image-gradientNew); -webkit-background-clip: text; @@ -579,6 +607,10 @@ --tw-gradient-from: #4E95FF; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } + .from-\[\#5BA7FF\] { + --tw-gradient-from: #5BA7FF; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } .from-\[\#7F5CFF\] { --tw-gradient-from: #7F5CFF; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); @@ -587,6 +619,33 @@ --tw-gradient-from: #9d50bb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } + .from-\[\#36FF6C\] { + --tw-gradient-from: #36FF6C; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .from-\[\#CCA3FF\] { + --tw-gradient-from: #CCA3FF; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .from-\[\#FF6767\] { + --tw-gradient-from: #FF6767; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .from-\[\#FFB265\] { + --tw-gradient-from: #FFB265; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .via-\[\#050111\] { + --tw-gradient-via: #050111; + --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-via-stops); + } + .via-50\% { + --tw-gradient-via-position: 50%; + } + .via-\[50\%\] { + --tw-gradient-via-position: 50%; + } .to-\[\#4E95FF\] { --tw-gradient-to: #4E95FF; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); @@ -599,6 +658,14 @@ --tw-gradient-to: #7F5CFF; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } + .to-\[\#050111\] { + --tw-gradient-to: #050111; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .to-transparent { + --tw-gradient-to: transparent; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } .bg-cover { background-size: cover; } @@ -611,6 +678,9 @@ .bg-no-repeat { background-repeat: no-repeat; } + .p-0\.5 { + padding: calc(var(--spacing) * 0.5); + } .p-0\.75 { padding: calc(var(--spacing) * 0.75); } @@ -1112,6 +1182,21 @@ width: calc(var(--spacing) * 202.25); } } + .lg\:w-218 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 218); + } + } + .lg\:w-\[31\%\] { + @media (width >= 64rem) { + width: 31%; + } + } + .lg\:w-\[48\%\] { + @media (width >= 64rem) { + width: 48%; + } + } .lg\:w-\[760px\] { @media (width >= 64rem) { width: 760px; @@ -1122,11 +1207,6 @@ width: 810px; } } - .lg\:w-\[872px\] { - @media (width >= 64rem) { - width: 872px; - } - } .lg\:w-\[1140px\] { @media (width >= 64rem) { width: 1140px; @@ -1491,6 +1571,7 @@ } .allRoadmapsFlex { display: flex; + flex-grow: 1 !important; flex-wrap: wrap; gap: calc(var(--spacing) * 6); @media (width >= 48rem) { @@ -1560,7 +1641,6 @@ --tw-gradient-stops: var(--tw-gradient-via-stops); } .lineThree { - width: calc(var(--spacing) * 65); --tw-gradient-from: #FFB265; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-via: #FFB265; @@ -1568,29 +1648,21 @@ --tw-gradient-stops: var(--tw-gradient-via-stops); } .lineFour { - width: calc(var(--spacing) * 65); --tw-gradient-from: #FF6767; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-via: #FF6767; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); - @media (width >= 48rem) { - width: calc(var(--spacing) * 65); - } @media (width >= 64rem) { width: calc(var(--spacing) * 103.5); } } .lineFive { - width: calc(var(--spacing) * 65); --tw-gradient-from: #5BA7FF; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-via: #5BA7FF; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); - @media (width >= 48rem) { - width: calc(var(--spacing) * 160); - } @media (width >= 64rem) { width: calc(var(--spacing) * 103.5); }