Complete Revamp and Redesigned BlissRoms Website
Co-authored-by: Ayan Mukherjee <mukherjeeayan725@gmail.com>
Signed-off-by: Ayan Mukherjee <mukherjeeayan725@gmail.com>
Signed-off-by: Jackeagle <jackeagle102@gmail.com>
diff --git a/styles/home.css b/styles/home.css
new file mode 100644
index 0000000..1bf7e7d
--- /dev/null
+++ b/styles/home.css
@@ -0,0 +1,1274 @@
+.nav_element-container {
+ display: flex;
+ position: relative;
+}
+.nav_element-text {
+ font-style: normal;
+ transition: 0.3s;
+ font-weight: 500;
+ margin-left: 72px;
+}
+
+
+.button-container {
+ display: flex;
+ position: relative;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.button-text {
+ color: var(--dl-color-gray-white);
+ cursor: pointer;
+ align-self: center;
+ margin-top: var(--dl-space-space-halfunit);
+ transition: 0.3s;
+ margin-left: var(--dl-space-space-halfunit);
+ padding-top: var(--dl-space-space-halfunit);
+ margin-right: var(--dl-space-space-halfunit);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ border-radius: var(--dl-radius-radius-radius8);
+ margin-bottom: var(--dl-space-space-halfunit);
+ padding-right: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-halfunit);
+ background-color: var(--dl-color-primary-300);
+}
+.button-text:hover {
+ color: var(--dl-color-primary-300);
+ background-color: var(--dl-color-gray-white);
+}
+
+
+
+
+
+
+
+
+
+
+
+.navbar-image {
+ width: 60px;
+ height: 60px;
+}
+.navbar-container {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: space-between;
+ margin-right: var(--dl-space-space-oneandhalfunits);
+ flex-direction: column;
+}
+.navbar-nav-elements-desktop {
+ flex: 0 0 auto;
+ display: flex;
+ align-self: center;
+ align-items: center;
+ margin-left: 0px;
+ flex-direction: row;
+}
+.navbar-navlink {
+ display: contents;
+}
+.navbar-component {
+ text-decoration: none;
+}
+.navbar-navlink1 {
+ display: contents;
+}
+.navbar-component1 {
+ text-decoration: none;
+}
+.navbar-navlink2 {
+ display: contents;
+}
+.navbar-component2 {
+ text-decoration: none;
+}
+.navbar-link {
+ display: contents;
+}
+.navbar-component3 {
+ text-decoration: none;
+}
+.navbar-link1 {
+ display: contents;
+}
+.navbar-component4 {
+ text-decoration: none;
+}
+.navbar-btn-group {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
+ text-decoration: none;
+}
+.navbar-component5 {
+ text-decoration: none;
+}
+.navbar-burger-menu {
+ display: none;
+}
+.navbar-icon {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ display: none;
+ transition: 0.3s;
+}
+
+.navbar-nav-elements-mobile {
+ flex: 0 0 auto;
+ display: none;
+ position: absolute;
+ align-self: center;
+ align-items: center;
+ margin-left: 0px;
+ flex-direction: column;
+}
+.navbar-navlink3 {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar-navlink3:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar-link3 {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar-link3:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar-navlink4 {
+ font-style: normal;
+ transition: 0.3s;
+ text-decoration: none;
+}
+
+.navbar-navlink4:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar-text {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar-text:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar-text1 {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar-text1:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar-btn-group1 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
+ text-decoration: none;
+}
+.navbar-component6 {
+ text-decoration: none;
+}
+.navbar-container1 {
+ top: 32px;
+ width: 24px;
+ height: 24px;
+ position: absolute;
+}
+.navbar-icon2 {
+ width: 24px;
+ height: 24px;
+}
+
+@media(max-width: 991px) {
+ .navbar-nav-elements-desktop {
+ display: none;
+ }
+ .navbar-btn-group {
+ display: none;
+ }
+ .navbar-burger-menu {
+ display: flex;
+ }
+ .navbar-icon {
+ fill: #D9D9D9;
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ display: flex;
+ }
+ .navbar-nav-elements-mobile {
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ display: flex;
+ align-items: flex-start;
+ margin-left: 0px;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ padding-bottom: var(--dl-space-space-twounits);
+ background-color: var(--dl-color-gray-black);
+ }
+ .navbar-btn-group1 {
+ display: none;
+ }
+ .navbar-container1 {
+ right: 32px;
+ }
+}
+@media(max-width: 767px) {
+ .navbar-icon {
+ fill: var(--dl-color-gray-900);
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ }
+}
+@media(max-width: 479px) {
+ .navbar-image {
+ width: auto;
+ height: auto;
+ }
+ .navbar-burger-menu {
+ display: flex;
+ }
+ .navbar-icon {
+ fill: var(--dl-color-gray-900);
+ width: 32px;
+ height: 32px;
+ }
+ .navbar-nav-elements-mobile {
+ height: 100vh;
+ flex-direction: column;
+ justify-content: center;
+ background-color: var(--dl-color-gray-white);
+ }
+ .navbar-navlink3 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar-link3 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar-navlink4 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar-text {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar-text1 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar-btn-group1 {
+ display: flex;
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+ }
+ .navbar-icon2 {
+ fill: var(--dl-color-primary-100);
+ }
+ .rootClassName {
+ width: 100%;
+ }
+}
+
+.button_nofill-container {
+ display: flex;
+ position: relative;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.button_nofill-text {
+ color: var(--dl-color-primary-300);
+ cursor: pointer;
+ align-self: center;
+ margin-top: var(--dl-space-space-halfunit);
+ transition: 0.3s;
+ margin-left: var(--dl-space-space-halfunit);
+ padding-top: var(--dl-space-space-halfunit);
+ border-color: var(--dl-color-primary-300);
+ border-width: 1px;
+ margin-right: var(--dl-space-space-halfunit);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ border-radius: var(--dl-radius-radius-radius8);
+ margin-bottom: var(--dl-space-space-halfunit);
+ padding-right: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-halfunit);
+}
+.button_nofill-text:hover {
+ color: var(--dl-color-gray-white);
+ background-color: var(--dl-color-primary-300);
+}
+
+
+.footer-footer {
+ width: 100%;
+ display: flex;
+ max-width: 100%;
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-fourunits);
+ padding-right: var(--dl-space-space-fourunits);
+ flex-direction: column;
+ padding-bottom: var(--dl-space-space-twounits);
+ justify-content: space-between;
+ background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%);
+}
+.footer-container {
+ width: 100%;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-logo {
+ display: flex;
+ max-width: var(--dl-size-size-maxwidth);
+ align-self: flex-start;
+ align-items: flex-start;
+ margin-right: 56px;
+ flex-direction: column;
+ justify-content: center;
+}
+.footer-logo1 {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.footer-image {
+ width: var(--dl-size-size-medium);
+ height: 64px;
+}
+.footer-text {
+ color: var(--dl-color-primary-500);
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.footer-text02 {
+ color: var(--dl-color-gray-900);
+ width: 224px;
+ margin-top: var(--dl-space-space-unit);
+ line-height: 1.32;
+}
+.footer-links-container {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-container1 {
+ display: flex;
+ align-items: flex-start;
+ margin-right: var(--dl-space-space-fourunits);
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-community-container {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: flex-start;
+ margin-right: var(--dl-space-space-fourunits);
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text05 {
+ color: var(--dl-color-primary-700);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link {
+ text-decoration: none;
+}
+.footer-link01 {
+ text-decoration: none;
+}
+.footer-link02 {
+ text-decoration: none;
+}
+.footer-sources-container {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text08 {
+ color: var(--dl-color-primary-700);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link03 {
+ text-decoration: none;
+}
+.footer-link04 {
+ text-decoration: none;
+}
+.footer-link05 {
+ text-decoration: none;
+}
+.footer-link06 {
+ text-decoration: none;
+}
+.footer-link07 {
+ text-decoration: none;
+}
+.footer-container2 {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-contact {
+ display: flex;
+ align-items: flex-start;
+ margin-bottom: 40px;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text12 {
+ color: var(--dl-color-primary-700);
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link08 {
+ text-decoration: none;
+}
+.footer-link09 {
+ text-decoration: none;
+}
+.footer-link10 {
+ text-decoration: none;
+}
+.footer-socials {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text13 {
+ color: var(--dl-color-primary-700);
+ margin-bottom: var(--dl-space-space-unit);
+}
+.footer-icon-group {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-link11 {
+ display: contents;
+}
+.footer-link12 {
+ display: contents;
+}
+.footer-icon02 {
+ text-decoration: none;
+}
+.footer-link13 {
+ display: contents;
+}
+.footer-icon04 {
+ text-decoration: none;
+}
+.footer-link14 {
+ display: contents;
+}
+.footer-icon06 {
+ fill: #D9D9D9;
+ text-decoration: none;
+}
+.footer-link15 {
+ display: contents;
+}
+.footer-icon08 {
+ text-decoration: none;
+}
+.footer-link16 {
+ display: contents;
+}
+.footer-separator {
+ width: 100%;
+ height: 1px;
+ margin-top: var(--dl-space-space-twounits);
+ margin-bottom: var(--dl-space-space-twounits);
+ background-color: var(--dl-color-primary-700);
+}
+
+.rootClassName1 {
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%);
+}
+@media(max-width: 991px) {
+ .footer-footer {
+ flex-direction: column;
+ }
+ .footer-links-container {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .footer-container1 {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .footer-community-container {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+}
+@media(max-width: 767px) {
+ .footer-footer {
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .footer-container {
+ align-items: center;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .footer-logo {
+ align-items: center;
+ }
+ .footer-image {
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .footer-text02 {
+ margin-top: var(--dl-space-space-twounits);
+ text-align: center;
+ margin-bottom: var(--dl-space-space-twounits);
+ }
+ .footer-links-container {
+ width: 100%;
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: center;
+ }
+ .footer-container1 {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .footer-community-container {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .rootClassName {
+ width: 100%;
+ }
+}
+@media(max-width: 479px) {
+ .footer-footer {
+ padding: var(--dl-space-space-unit);
+ }
+ .footer-container {
+ padding: var(--dl-space-space-twounits);
+ align-self: center;
+ align-items: center;
+ flex-direction: column;
+ }
+ .footer-logo {
+ align-self: center;
+ align-items: center;
+ margin-right: 0px;
+ justify-content: center;
+ }
+ .footer-image {
+ margin-bottom: 0px;
+ }
+ .footer-text02 {
+ width: var(--dl-size-size-xxlarge);
+ align-self: center;
+ margin-top: var(--dl-space-space-unit);
+ text-align: center;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .footer-links-container {
+ align-self: flex-start;
+ flex-direction: column;
+ }
+ .footer-container1 {
+ margin: var(--dl-space-space-unit);
+ flex-direction: column;
+ }
+ .footer-sources-container {
+ margin-top: var(--dl-space-space-twounits);
+ }
+ .footer-container2 {
+ margin: var(--dl-space-space-unit);
+ }
+ .footer-contact {
+ align-items: flex-start;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .footer-socials {
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ }
+ .footer-icon02 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon04 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon06 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon08 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon10 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-separator {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ background-color: var(--dl-color-primary-700);
+ }
+ .rootClassName {
+ width: 100%;
+ }
+}
+
+.home-container {
+ width: 100%;
+ height: auto;
+ display: flex;
+ overflow: hidden;
+ background: radial-gradient(65% 30% at 50% -5%, #055EB7 0%, #121212 100%);;
+ min-height: 100vh;
+ align-items: center;
+ flex-direction: column;
+ scroll-behavior: smooth;
+ scroll-snap-type: block;
+}
+.home-hero {
+ display: flex;
+ align-self: center;
+ margin-top: 180px;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.home-text {
+ color: var(--dl-color-primary-700);
+ font-size: 96px;
+ align-self: center;
+ font-style: normal;
+ font-family: Poppins;
+ font-weight: 500;
+ letter-spacing: -1.5%;
+ text-transform: none;
+ text-decoration: none;
+}
+.home-text01 {
+ color: var(--dl-color-gray-900);
+ width: 550px;
+ font-size: 20px;
+ font-style: normal;
+ text-align: center;
+ padding-top: 4px;
+ letter-spacing: 0.25%;
+ padding-bottom: 4px;
+}
+.home-image {
+ width: 350px;
+ margin-top: var(--dl-space-space-threeunits);
+ object-fit: cover;
+}
+.home-features-section {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.home-featuresheader {
+ display: flex;
+ margin-top: var(--dl-space-space-sixunits);
+ align-items: center;
+ flex-direction: column;
+}
+.home-text02 {
+ color: var(--dl-color-gray-white);
+ align-self: center;
+ font-style: normal;
+ line-height: 1.15;
+}
+.home-text03 {
+ color: var(--dl-color-primary-500);
+ margin-top: 8px;
+}
+.home-features {
+ display: flex;
+ margin-top: 32px;
+ align-items: center;
+ margin-bottom: 32px;
+ flex-direction: row;
+}
+.home-sec-bb {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.home-security {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ margin-bottom: 40px;
+ flex-direction: column;
+}
+.home-icon {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.home-text04 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-text05 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.home-battery {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.home-icon02 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.home-text06 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-text07 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.home-design-settings {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.home-focusondesign {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.home-icon04 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.home-text08 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-text09 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.home-image1 {
+ width: 180px;
+ margin-top: 88px;
+ object-fit: cover;
+ margin-bottom: 88px;
+}
+.home-settings {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.home-icon07 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.home-text10 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-text11 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.home-perf-comp {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.home-performance {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ margin-bottom: 40px;
+ flex-direction: column;
+}
+.home-icon09 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.home-text12 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-text13 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.home-compatibility {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.home-image2 {
+ width: 32px;
+ object-fit: cover;
+}
+.home-text14 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-text15 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.home-stats {
+ display: flex;
+ padding: var(--dl-space-space-threeunits);
+ max-width: var(--dl-size-size-maxwidth);
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ border-radius: var(--dl-radius-radius-radius8);
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+ justify-content: center;
+ background-color: #181717;
+}
+.home-stat {
+ display: flex;
+ padding: var(--dl-space-space-twounits);
+ align-items: center;
+ flex-direction: column;
+}
+.home-icon11 {
+ fill: var(--dl-color-primary-700);
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+}
+.home-text16 {
+ color: var(--dl-color-primary-300);
+ font-size: 1.15rem;
+ margin-top: var(--dl-space-space-halfunit);
+ text-align: center;
+}
+.home-text17 {
+ color: var(--dl-color-gray-700);
+ font-size: 0.75rem;
+ margin-top: var(--dl-space-space-halfunit);
+ text-align: center;
+}
+.home-text18 {
+ color: var(--dl-color-gray-white);
+ margin-top: var(--dl-space-space-halfunit);
+}
+.home-stat1 {
+ display: flex;
+ padding: var(--dl-space-space-twounits);
+ align-items: center;
+ margin-left: var(--dl-space-space-threeunits);
+ margin-right: var(--dl-space-space-threeunits);
+ flex-direction: column;
+}
+.home-icon14 {
+ fill: var(--dl-color-primary-700);
+ width: var(--dl-size-size-small);
+}
+.home-text20 {
+ color: var(--dl-color-primary-300);
+ font-size: 1.15rem;
+ margin-top: var(--dl-space-space-halfunit);
+ text-align: center;
+}
+.home-text21 {
+ color: var(--dl-color-gray-700);
+ font-size: 0.75rem;
+ margin-top: var(--dl-space-space-halfunit);
+ text-align: center;
+}
+.home-text22 {
+ color: var(--dl-color-gray-white);
+ margin-top: var(--dl-space-space-halfunit);
+}
+.home-stat2 {
+ display: flex;
+ padding: var(--dl-space-space-twounits);
+ align-items: center;
+ flex-direction: column;
+}
+.home-icon16 {
+ fill: var(--dl-color-primary-700);
+ width: var(--dl-size-size-small);
+}
+.home-text24 {
+ color: var(--dl-color-primary-300);
+ font-size: 1.15rem;
+ margin-top: var(--dl-space-space-halfunit);
+ text-align: center;
+}
+.home-text25 {
+ color: var(--dl-color-gray-700);
+ font-size: 0.75rem;
+ margin-top: var(--dl-space-space-halfunit);
+ text-align: center;
+}
+.home-text26 {
+ color: var(--dl-color-gray-white);
+ margin-top: var(--dl-space-space-halfunit);
+}
+.home-downloads {
+ flex: 0 0 auto;
+ margin: var(--dl-space-space-oneandhalfunits);
+ display: flex;
+ padding: 64px;
+ align-self: center;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-radius: var(--dl-radius-radius-radius8);
+ flex-direction: column;
+ background-color: #181717;
+}
+.home-downloads:hover {
+ box-shadow: 0px 2px 32px 16px #00040d;
+}
+.home-text29 {
+ color: var(--dl-color-gray-white);
+}
+.home-text30 {
+ color: var(--dl-color-gray-700);
+ width: 500px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-container1 {
+ width: 100%;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: row;
+}
+.home-container2 {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ flex-direction: column;
+}
+.home-p-c {
+ flex: 0 0 auto;
+ margin: 40px;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-text33 {
+ color: var(--dl-color-gray-white);
+}
+.home-text34 {
+ color: var(--dl-color-gray-700);
+ margin-top: 12px;
+ margin-bottom: 0px;
+}
+.home-text36 {
+ color: var(--dl-color-gray-900);
+ margin-top: 12px;
+ margin-bottom: 0px;
+}
+.home-link {
+ display: contents;
+}
+.home-component1 {
+ text-decoration: none;
+}
+.home-link1 {
+ display: contents;
+}
+.home-component2 {
+ text-decoration: none;
+}
+.home-rom {
+ flex: 0 0 auto;
+ margin: 40px;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-text37 {
+ color: var(--dl-color-gray-white);
+}
+.home-text38 {
+ color: var(--dl-color-gray-700);
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.home-link2 {
+ display: contents;
+}
+.home-component3 {
+ text-decoration: none;
+}
+.home-container3 {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+}
+.home-link3 {
+ display: contents;
+}
+.home-component4 {
+ text-decoration: none;
+}
+.home-joinbliss {
+ flex: 0 0 auto;
+ width: 800px;
+ border: 1px solid rgba(255, 255, 255, 0.125);
+ height: 140px;
+ display: flex;
+ align-self: center;
+ margin-top: var(--dl-space-space-twounits);
+ transition: 0.3s;
+ align-items: center;
+ margin-left: var(--dl-space-space-oneandhalfunits);
+ padding-top: var(--dl-space-space-oneandhalfunits);
+ margin-right: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ border-radius: 12px;
+ margin-bottom: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-oneandhalfunits);
+ justify-content: space-between;
+ backdrop-filter: blur(16px) saturate(180%);
+ background-color: #004FE2;
+ -webkit-backdrop-filter: blur(16px) saturate(180%);
+}
+.home-joinbliss:hover {
+ box-shadow: 0px 2px 32px 24px #001640;
+}
+.home-container4 {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: space-between;
+}
+.home-text40 {
+ color: var(--dl-color-gray-white);
+ text-align: left;
+ padding-top: var(--dl-space-space-halfunit);
+ padding-bottom: var(--dl-space-space-halfunit);
+}
+.home-text41 {
+ color: var(--dl-color-primary-700);
+}
+.home-text42 {
+ color: var(--dl-color-gray-900);
+}
+.home-link4 {
+ color: var(--dl-color-gray-white);
+ cursor: pointer;
+ transition: 0.3s;
+ padding-top: var(--dl-space-space-unit);
+ padding-left: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
+ padding-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+ background-color: #2A74FF;
+}
+.home-link4:hover {
+ color: var(--dl-color-gray-black);
+ background-color: var(--dl-color-primary-700);
+}
+@media(max-width: 991px) {
+ .home-text01 {
+ font-size: 16px;
+ }
+}
+@media(max-width: 767px) {
+ .home-stats {
+ width: 100%;
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .home-stat {
+ padding: var(--dl-space-space-unit);
+ }
+ .home-text16 {
+ text-align: center;
+ }
+ .home-stat1 {
+ padding: var(--dl-space-space-unit);
+ }
+ .home-text20 {
+ text-align: center;
+ }
+ .home-stat2 {
+ padding: var(--dl-space-space-unit);
+ }
+ .home-text24 {
+ text-align: center;
+ }
+ .home-downloads {
+ width: 100%;
+ flex-direction: column;
+ }
+ .home-container1 {
+ flex-direction: column;
+ }
+ .home-p-c {
+ margin: var(--dl-space-space-oneandhalfunits);
+ }
+ .home-rom {
+ margin: var(--dl-space-space-oneandhalfunits);
+ }
+ .home-joinbliss {
+ width: 100%;
+ height: auto;
+ margin: var(--dl-space-space-halfunit);
+ padding: var(--dl-space-space-oneandhalfunits);
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .home-link4 {
+ margin-top: var(--dl-space-space-unit);
+ margin-bottom: var(--dl-space-space-unit);
+ }
+}
+@media(max-width: 479px) {
+ .home-hero {
+ width: 100%;
+ margin-top: 144px;
+ }
+ .home-text {
+ font-size: 72px;
+ }
+ .home-text01 {
+ width: 400px;
+ font-size: 14px;
+ }
+ .home-image {
+ width: 280px;
+ margin-top: 104px;
+ }
+ .home-features-section {
+ width: auto;
+ }
+ .home-text02 {
+ text-align: center;
+ }
+ .home-features {
+ flex-direction: column;
+ }
+ .home-security {
+ margin-bottom: 0px;
+ }
+ .home-image1 {
+ display: none;
+ }
+ .home-performance {
+ margin-bottom: 0px;
+ }
+ .home-stats {
+ width: auto;
+ max-width: 100%;
+ min-width: 250px;
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-unit);
+ padding-right: var(--dl-space-space-unit);
+ flex-direction: column;
+ padding-bottom: var(--dl-space-space-twounits);
+ }
+ .home-stat1 {
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .home-downloads {
+ flex: 1;
+ width: 400px;
+ margin: var(--dl-space-space-twounits);
+ padding: var(--dl-space-space-twounits);
+ max-width: auto;
+ min-width: 250px;
+ }
+ .home-text30 {
+ width: auto;
+ }
+ .home-container1 {
+ flex-direction: column;
+ }
+ .home-joinbliss {
+ width: 88%;
+ padding: var(--dl-space-space-unit);
+ }
+ .home-link4 {
+ margin-top: var(--dl-space-space-unit);
+ margin-bottom: var(--dl-space-space-unit);
+ }
+}
+
+.swiper {
+ width: 100%;
+ padding-top: 50px;
+ padding-bottom: 50px;
+}
+
+.swiper-slide {
+ background-position: center;
+ background-size: cover;
+ width: 220px;
+ height: 500px;
+}
+
+.swiper-slide img {
+ border-radius: 8px;
+ display: block;
+ width: 100%;
+}
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
new file mode 100644
index 0000000..7cb33f1
--- /dev/null
+++ b/styles/style.css
@@ -0,0 +1,368 @@
+:root {
+ --dl-color-gray-500: #595959;
+ --dl-color-gray-700: #999999;
+ --dl-color-gray-900: #D9D9D9;
+ --dl-size-size-large: 144px;
+ --dl-size-size-small: 48px;
+ --dl-color-danger-300: #A22020;
+ --dl-color-danger-500: #BF2626;
+ --dl-color-danger-700: #E14747;
+ --dl-color-gray-black: #000000;
+ --dl-color-gray-white: #FFFFFF;
+ --dl-size-size-medium: 96px;
+ --dl-size-size-xlarge: 192px;
+ --dl-size-size-xsmall: 16px;
+ --dl-space-space-unit: 16px;
+ --dl-color-primary-100: #003EB3;
+ --dl-color-primary-300: #0074F0;
+ --dl-color-primary-500: #14A9FF;
+ --dl-color-primary-700: #85DCFF;
+ --dl-color-success-300: #199033;
+ --dl-color-success-500: #32A94C;
+ --dl-color-success-700: #4CC366;
+ --dl-size-size-xxlarge: 288px;
+ --dl-size-size-maxwidth: 1400px;
+ --dl-radius-radius-round: 50%;
+ --dl-space-space-halfunit: 8px;
+ --dl-space-space-sixunits: 96px;
+ --dl-space-space-twounits: 32px;
+ --dl-radius-radius-radius2: 2px;
+ --dl-radius-radius-radius4: 4px;
+ --dl-radius-radius-radius8: 8px;
+ --dl-space-space-fiveunits: 80px;
+ --dl-space-space-fourunits: 64px;
+ --dl-space-space-threeunits: 48px;
+ --dl-space-space-oneandhalfunits: 24px;
+}
+.button {
+ color: var(--dl-color-gray-black);
+ display: inline-block;
+ padding: 0.5rem 1rem;
+ border-color: var(--dl-color-gray-black);
+ border-width: 1px;
+ border-radius: 500px;
+ background-color: var(--dl-color-gray-white);
+}
+
+.input {
+ color: var(--dl-color-gray-black);
+ cursor: auto;
+ padding: 0.5rem 1rem;
+ border-color: var(--dl-color-gray-black);
+ border-width: 1px;
+ border-radius: 4px;
+ background-color: var(--dl-color-gray-white);
+}
+.textarea {
+ color: var(--dl-color-gray-black);
+ cursor: auto;
+ padding: 0.5rem;
+ border-color: var(--dl-color-gray-black);
+ border-width: 1px;
+ border-radius: 4px;
+ background-color: var(--dl-color-gray-white);
+}
+
+.Navbar {
+ top: 0%;
+ width: auto;
+ display: flex;
+ z-index: 1;
+ position: fixed;
+ max-width: var(--dl-size-size-maxwidth);
+ align-items: center;
+ padding-top: var(--dl-space-space-unit);
+ padding-left: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
+ padding-bottom: var(--dl-space-space-unit);
+ backdrop-filter: blur( 2px ); -webkit-backdrop-filter: blur( 8px );;
+ justify-content: space-between;
+}
+.navelement {
+ color: var(--dl-color-gray-white);
+ cursor: pointer;
+ transition: 0.3s;
+}
+.navelement:hover {
+ color: var(--dl-color-primary-500);
+}
+.Footerlink {
+ color: var(--dl-color-gray-900);
+ cursor: pointer;
+ transition: 0.3s;
+ margin-bottom: var(--dl-space-space-unit);
+}
+.Footerlink:hover {
+ color: var(--dl-color-primary-500);
+}
+.icons {
+ fill: #D9D9D9;
+ width: 24px;
+ cursor: pointer;
+ height: 24px;
+ transition: 0.3s;
+ margin-right: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.icons:hover {
+ fill: var(--dl-color-primary-500);
+}
+.mid-element-initial {
+ width: 200px;
+ height: 300px;
+ display: flex;
+ min-width: 200px;
+ transform: translateX(100%);
+ object-fit: cover;
+ transition: 0.3s;
+ border-radius: var(--dl-radius-radius-radius8);
+ background-size: cover;
+ background-image: url('https://images.unsplash.com/photo-1638176373124-28142ef16c5b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE0fHx8fHx8Mnx8MTYzODE5NzE5OA&ixlib=rb-1.2.1&h=500');
+ background-position: center;
+}
+.left-element-initial {
+ width: 200px;
+ height: 300px;
+ margin: 0;
+ display: flex;
+ min-width: 300px;
+ transform: translateX(100%);
+ min-height: 500px;
+ object-fit: cover;
+ transition: 0.3s;
+ margin-left: var(--dl-space-space-twounits);
+ margin-right: var(--dl-space-space-twounits);
+ border-radius: var(--dl-radius-radius-radius8);
+ background-size: cover;
+ background-image: url('https://images.unsplash.com/photo-1638165212454-d92d3050351b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE5fHx8fHx8Mnx8MTYzODE5ODA2Mg&ixlib=rb-1.2.1&h=300');
+ background-position: center;
+}
+.right-element-initial {
+ width: 200px;
+ height: 300px;
+ margin: 0;
+ display: flex;
+ min-width: 200px;
+ transform: translateX(125%);
+ object-fit: cover;
+ margin-left: var(--dl-space-space-twounits);
+ margin-right: var(--dl-space-space-twounits);
+ border-radius: var(--dl-radius-radius-radius8);
+ background-size: cover;
+ background-image: url('https://images.unsplash.com/photo-1638165212454-d92d3050351b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE5fHx8fHx8Mnx8MTYzODE5ODA2Mg&ixlib=rb-1.2.1&h=300');
+ background-position: center;
+}
+.mid-element {
+ order: 2;
+ min-width: 300px !important;
+ transform: translateX(0) !important;
+ min-height: 500px !important;
+}
+.left-element {
+ order: 1;
+ min-width: 200px !important;
+ transform: translateX(0) !important;
+ min-height: 300px !important;
+ margin-left: var(--dl-space-space-twounits);
+ margin-right: var(--dl-space-space-twounits);
+}
+.right-element {
+ order: 3;
+ transform: translateX(0) !important;
+ margin-left: var(--dl-space-space-twounits);
+ margin-right: var(--dl-space-space-twounits);
+}
+.hidden-element {
+ display: none !important;
+}
+.join {
+ text-align: center;
+ border-width: 0px;
+ padding-left: var(--dl-space-space-twounits);
+ border-radius: var(--dl-radius-radius-radius8);
+ padding-right: var(--dl-space-space-twounits);
+ -backdrop-filter: blur(16px) saturate(180%);;
+ background-color: rgba(17, 25, 40, 0.75);
+ -background-color: rgba(17, 25, 40, 0.75);
+ -webkit-backdrop-filter: blur(16px) saturate(180%);
+}
+.navbar-fixed {
+ width: 100%;
+ max-width: 100%;
+ align-items: center;
+ padding-top: var(--dl-space-space-halfunit);
+ padding-left: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
+ padding-bottom: var(--dl-space-space-halfunit);
+ justify-content: space-between;
+}
+.mb-12 {
+ margin-bottom: 12px;
+}
+
+
+.teleport-menu-mobile {
+ transform: translateX(100%);
+}
+
+.h3-36 {
+ font-size: 36px;
+ font-style: normal;
+ font-family: Poppins;
+ font-weight: 500;
+ line-height: 1.15;
+ text-transform: none;
+ text-decoration: none;
+}
+.h1-96 {
+ font-size: 96px;
+ font-family: Poppins;
+ font-weight: 300;
+ letter-spacing: -1.5%;
+ text-transform: none;
+ text-decoration: none;
+}
+.h3-48 {
+ font-size: 48px;
+ font-family: Poppins;
+ font-weight: 400;
+ text-transform: none;
+ text-decoration: none;
+}
+.heading {
+ font-size: 32px;
+ font-family: Inter;
+ font-weight: 700;
+ line-height: 1.15;
+ text-transform: none;
+ text-decoration: none;
+}
+.subtitle-14 {
+ font-size: 14px;
+ font-family: Arial;
+ font-weight: 500;
+ text-transform: none;
+ text-decoration: none;
+}
+.h5-24 {
+ font-size: 24px;
+ font-family: Poppins;
+ font-weight: 500;
+ text-transform: none;
+ text-decoration: none;
+}
+.h2-60 {
+ font-size: 60px;
+ font-family: Poppins;
+ font-weight: 300;
+ letter-spacing: -0.5%;
+ text-transform: none;
+ text-decoration: none;
+}
+.footer-Text-Style {
+ font-size: 16px;
+ font-family: Inter;
+ font-weight: 700;
+ line-height: 1.15;
+ text-transform: none;
+ text-decoration: none;
+}
+.h6-20 {
+ font-size: 20px;
+ font-family: Arial;
+ font-weight: 500;
+ text-transform: none;
+ text-decoration: none;
+}
+.caption {
+ font-size: 14px;
+ font-family: Poppins;
+ font-weight: 400;
+ text-transform: none;
+ text-decoration: none;
+}
+.body-16 {
+ font-size: 16px;
+ font-family: Arial;
+ font-weight: 500;
+ text-transform: none;
+ text-decoration: none;
+}
+.subtitle-16 {
+ font-size: 16px;
+ font-family: Poppins;
+ font-weight: 500;
+ text-transform: none;
+ text-decoration: none;
+}
+.content {
+ font-size: 16px;
+ font-family: Inter;
+ font-weight: 400;
+ line-height: 1.15;
+ text-transform: none;
+ text-decoration: none;
+}
+.h4-28 {
+ font-size: 28px;
+ font-family: Poppins;
+ font-weight: 400;
+ letter-spacing: 0.25%;
+ text-transform: none;
+ text-decoration: none;
+}
+.body-12 {
+ font-size: 12px;
+ font-family: Poppins;
+ font-weight: 400;
+ line-height: 18px;
+ letter-spacing: 0.25%;
+ text-transform: none;
+ text-decoration: none;
+}
+.button-14 {
+ font-size: 14px;
+ font-family: Poppins;
+ font-weight: 500;
+ letter-spacing: 1.25%;
+ text-transform: none;
+ text-decoration: none;
+}
+@media(max-width: 991px) {
+ .icons {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-primary-700);
+ }
+ .teleport-menu-mobile {
+ height: 100vh;
+ display: flex;
+ transition: 0.5s;
+ }
+ .teleport-menu-show {
+ display: flex !important;
+ transform: translateX(0);
+ }
+}
+@media(max-width: 767px) {
+ .Navbar {
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+}
+@media(max-width: 479px) {
+ .Navbar {
+ padding: var(--dl-space-space-unit);
+ }
+ .icons {
+ fill: var(--dl-color-gray-white);
+ }
+ .join {
+ margin-top: var(--dl-space-space-unit);
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar-fixed {
+ width: 100%;
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-right: var(--dl-space-space-oneandhalfunits);
+ }
+}
diff --git a/styles/team.css b/styles/team.css
new file mode 100644
index 0000000..d9f2527
--- /dev/null
+++ b/styles/team.css
@@ -0,0 +1,971 @@
+.nav_element-container {
+ display: flex;
+ position: relative;
+}
+.nav_element-text {
+ font-style: normal;
+ transition: 0.3s;
+ font-weight: 500;
+ margin-left: 72px;
+}
+
+
+.button-container {
+ display: flex;
+ position: relative;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.button-text {
+ color: var(--dl-color-gray-white);
+ cursor: pointer;
+ align-self: center;
+ margin-top: var(--dl-space-space-halfunit);
+ transition: 0.3s;
+ margin-left: var(--dl-space-space-halfunit);
+ padding-top: var(--dl-space-space-halfunit);
+ margin-right: var(--dl-space-space-halfunit);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ border-radius: var(--dl-radius-radius-radius8);
+ margin-bottom: var(--dl-space-space-halfunit);
+ padding-right: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-halfunit);
+ background-color: var(--dl-color-primary-300);
+}
+.button-text:hover {
+ color: var(--dl-color-primary-300);
+ background-color: var(--dl-color-gray-white);
+}
+
+
+
+
+
+
+
+
+
+
+
+.navbar_team-image {
+ width: 60px;
+ height: 60px;
+}
+.navbar_team-container {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: space-between;
+ margin-right: var(--dl-space-space-oneandhalfunits);
+ flex-direction: column;
+}
+.navbar_team-nav-elements-desktop {
+ flex: 0 0 auto;
+ display: flex;
+ align-self: center;
+ align-items: center;
+ margin-left: 0px;
+ flex-direction: row;
+}
+.navbar_team-navlink {
+ display: contents;
+}
+.navbar_team-component {
+ text-decoration: none;
+}
+.navbar_team-navlink1 {
+ display: contents;
+}
+.navbar_team-component1 {
+ text-decoration: none;
+}
+.navbar_team-link {
+ display: contents;
+}
+.navbar_team-component2 {
+ text-decoration: none;
+}
+.navbar_team-link1 {
+ display: contents;
+}
+.navbar_team-component3 {
+ text-decoration: none;
+}
+.navbar_team-btn-group {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
+ text-decoration: none;
+}
+.navbar_team-component4 {
+ text-decoration: none;
+}
+.navbar_team-burger-menu {
+ display: none;
+}
+.navbar_team-icon {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ display: none;
+ transition: 0.3s;
+}
+
+.navbar_team-nav-elements-mobile {
+ flex: 0 0 auto;
+ display: none;
+ position: absolute;
+ align-self: center;
+ align-items: center;
+ margin-left: 0px;
+ flex-direction: column;
+}
+.navbar_team-navlink2 {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar_team-navlink2:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar_team-link3 {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar_team-link3:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar_team-navlink3 {
+ font-style: normal;
+ transition: 0.3s;
+ text-decoration: none;
+}
+
+.navbar_team-navlink3:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar_team-text {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar_team-text:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar_team-text1 {
+ font-style: normal;
+ transition: 0.3s;
+}
+
+.navbar_team-text1:active {
+ color: var(--dl-color-primary-300);
+}
+.navbar_team-btn-group1 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
+ text-decoration: none;
+}
+.navbar_team-component5 {
+ text-decoration: none;
+}
+.navbar_team-container1 {
+ top: 32px;
+ width: 24px;
+ height: 24px;
+ position: absolute;
+}
+.navbar_team-icon2 {
+ width: 24px;
+ height: 24px;
+}
+
+@media(max-width: 991px) {
+ .navbar_team-nav-elements-desktop {
+ display: none;
+ }
+ .navbar_team-btn-group {
+ display: none;
+ }
+ .navbar_team-burger-menu {
+ display: flex;
+ }
+ .navbar_team-icon {
+ fill: #D9D9D9;
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ display: flex;
+ }
+ .navbar_team-nav-elements-mobile {
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ display: flex;
+ align-items: flex-start;
+ margin-left: 0px;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ padding-bottom: var(--dl-space-space-twounits);
+ background-color: var(--dl-color-gray-black);
+ }
+ .navbar_team-btn-group1 {
+ display: none;
+ }
+ .navbar_team-container1 {
+ right: 32px;
+ }
+}
+@media(max-width: 767px) {
+ .navbar_team-icon {
+ fill: var(--dl-color-gray-900);
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ }
+}
+@media(max-width: 479px) {
+ .navbar_team-image {
+ width: auto;
+ height: auto;
+ }
+ .navbar_team-burger-menu {
+ display: flex;
+ }
+ .navbar_team-icon {
+ fill: var(--dl-color-gray-900);
+ width: 32px;
+ height: 32px;
+ }
+ .navbar_team-nav-elements-mobile {
+ height: 100vh;
+ flex-direction: column;
+ justify-content: center;
+ background-color: var(--dl-color-gray-white);
+ }
+ .navbar_team-navlink2 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar_team-link3 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar_team-navlink3 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar_team-text {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar_team-text1 {
+ color: var(--dl-color-primary-100);
+ margin-top: var(--dl-space-space-unit);
+ text-align: left;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navbar_team-btn-group1 {
+ display: flex;
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+ }
+ .navbar_team-icon2 {
+ fill: var(--dl-color-primary-100);
+ }
+}
+
+.member-container {
+ cursor: pointer;
+ display: flex;
+ position: relative;
+ align-items: flex-start;
+ justify-content: center;
+}
+.member-container1 {
+ flex: 0 0 auto;
+ width: 240px;
+ height: 280px;
+ margin: var(--dl-space-space-halfunit);
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ transition: 0.3s;
+ align-items: center;
+ border-radius: var(--dl-radius-radius-radius8);
+ flex-direction: column;
+ justify-content: center;
+ background-color: #121212;
+}
+.member-container1:hover {
+ box-shadow: 0px 2px 32px 24px #000000;
+ background-color: #181818;
+}
+.member-image {
+ width: 104px;
+ height: 104px;
+ min-width: var(--dl-size-size-small);
+ min-height: var(--dl-size-size-small);
+ object-fit: cover;
+ border-radius: var(--dl-radius-radius-round);
+}
+.member-text {
+ color: var(--dl-color-primary-300);
+ margin-top: var(--dl-space-space-unit);
+}
+.member-text1 {
+ color: var(--dl-color-gray-900);
+ align-self: center;
+ margin-top: var(--dl-space-space-halfunit);
+ text-align: center;
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.member-text2 {
+ color: var(--dl-color-gray-500);
+ width: 250px;
+ display: none;
+ text-align: center;
+}
+.member-icons {
+ flex: 0 0 auto;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: var(--dl-space-space-halfunit);
+ align-items: center;
+ margin-bottom: var(--dl-space-space-halfunit);
+ justify-content: center;
+}
+.member-icon {
+ fill: #D9D9D9;
+ width: 20px;
+ transition: 0.3s;
+}
+.member-icon:hover {
+ fill: var(--dl-color-primary-500);
+}
+.member-icon2 {
+ fill: #D9D9D9;
+ width: 20px;
+ transition: 0.3s;
+ margin-left: var(--dl-space-space-unit);
+ margin-right: var(--dl-space-space-unit);
+}
+.member-icon2:hover {
+ fill: var(--dl-color-primary-500);
+}
+.member-icon4 {
+ fill: #D9D9D9;
+ width: 20px;
+ transition: 0.3s;
+}
+.member-icon4:hover {
+ fill: var(--dl-color-primary-500);
+}
+
+
+
+
+
+.rootClassName5 {
+ align-self: center;
+}
+
+
+
+
+
+
+
+
+@media(max-width: 479px) {
+ .member-container {
+ width: auto;
+ }
+ .member-container1 {
+ width: auto;
+ height: auto;
+ margin: 0px;
+ padding-top: var(--dl-space-space-unit);
+ padding-left: 24px;
+ padding-right: 24px;
+ padding-bottom: var(--dl-space-space-unit);
+ }
+ .member-image {
+ width: var(--dl-size-size-medium);
+ height: var(--dl-size-size-medium);
+ min-width: var(--dl-size-size-small);
+ min-height: var(--dl-size-size-small);
+ }
+ .member-text1 {
+ width: var(--dl-size-size-medium);
+ }
+ .member-icon {
+ width: var(--dl-size-size-xsmall);
+ }
+ .member-icon2 {
+ width: var(--dl-size-size-xsmall);
+ }
+ .member-icon4 {
+ width: var(--dl-size-size-xsmall);
+ }
+}
+
+.footer-footer {
+ width: 100%;
+ display: flex;
+ max-width: 100%;
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-fourunits);
+ padding-right: var(--dl-space-space-fourunits);
+ flex-direction: column;
+ padding-bottom: var(--dl-space-space-twounits);
+ justify-content: space-between;
+ background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%);
+}
+.footer-container {
+ width: 100%;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-logo {
+ display: flex;
+ max-width: var(--dl-size-size-maxwidth);
+ align-self: flex-start;
+ align-items: flex-start;
+ margin-right: 56px;
+ flex-direction: column;
+ justify-content: center;
+}
+.footer-logo1 {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.footer-image {
+ width: var(--dl-size-size-medium);
+ height: 64px;
+}
+.footer-text {
+ color: var(--dl-color-primary-500);
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.footer-text02 {
+ color: var(--dl-color-gray-900);
+ width: 224px;
+ margin-top: var(--dl-space-space-unit);
+ line-height: 1.32;
+}
+.footer-links-container {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-container1 {
+ display: flex;
+ align-items: flex-start;
+ margin-right: var(--dl-space-space-fourunits);
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-community-container {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: flex-start;
+ margin-right: var(--dl-space-space-fourunits);
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text05 {
+ color: var(--dl-color-primary-700);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link {
+ text-decoration: none;
+}
+.footer-link01 {
+ text-decoration: none;
+}
+.footer-link02 {
+ text-decoration: none;
+}
+.footer-sources-container {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text08 {
+ color: var(--dl-color-primary-700);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link03 {
+ text-decoration: none;
+}
+.footer-link04 {
+ text-decoration: none;
+}
+.footer-link05 {
+ text-decoration: none;
+}
+.footer-link06 {
+ text-decoration: none;
+}
+.footer-link07 {
+ text-decoration: none;
+}
+.footer-container2 {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-contact {
+ display: flex;
+ align-items: flex-start;
+ margin-bottom: 40px;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text12 {
+ color: var(--dl-color-primary-700);
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link08 {
+ text-decoration: none;
+}
+.footer-link09 {
+ text-decoration: none;
+}
+.footer-link10 {
+ text-decoration: none;
+}
+.footer-socials {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text13 {
+ color: var(--dl-color-primary-700);
+ margin-bottom: var(--dl-space-space-unit);
+}
+.footer-icon-group {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-link11 {
+ display: contents;
+}
+.footer-link12 {
+ display: contents;
+}
+.footer-icon02 {
+ text-decoration: none;
+}
+.footer-link13 {
+ display: contents;
+}
+.footer-icon04 {
+ text-decoration: none;
+}
+.footer-link14 {
+ display: contents;
+}
+.footer-icon06 {
+ fill: #D9D9D9;
+ text-decoration: none;
+}
+.footer-link15 {
+ display: contents;
+}
+.footer-icon08 {
+ text-decoration: none;
+}
+.footer-link16 {
+ display: contents;
+}
+.footer-separator {
+ width: 100%;
+ height: 1px;
+ margin-top: var(--dl-space-space-twounits);
+ margin-bottom: var(--dl-space-space-twounits);
+ background-color: var(--dl-color-primary-700);
+}
+
+.rootClassName1 {
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%);
+}
+@media(max-width: 991px) {
+ .footer-footer {
+ flex-direction: column;
+ }
+ .footer-links-container {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .footer-container1 {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .footer-community-container {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+}
+@media(max-width: 767px) {
+ .footer-footer {
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .footer-container {
+ align-items: center;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .footer-logo {
+ align-items: center;
+ }
+ .footer-image {
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .footer-text02 {
+ margin-top: var(--dl-space-space-twounits);
+ text-align: center;
+ margin-bottom: var(--dl-space-space-twounits);
+ }
+ .footer-links-container {
+ width: 100%;
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: center;
+ }
+ .footer-container1 {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .footer-community-container {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .rootClassName {
+ width: 100%;
+ }
+}
+@media(max-width: 479px) {
+ .footer-footer {
+ padding: var(--dl-space-space-unit);
+ }
+ .footer-container {
+ padding: var(--dl-space-space-twounits);
+ align-self: center;
+ align-items: center;
+ flex-direction: column;
+ }
+ .footer-logo {
+ align-self: center;
+ align-items: center;
+ margin-right: 0px;
+ justify-content: center;
+ }
+ .footer-image {
+ margin-bottom: 0px;
+ }
+ .footer-text02 {
+ width: var(--dl-size-size-xxlarge);
+ align-self: center;
+ margin-top: var(--dl-space-space-unit);
+ text-align: center;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .footer-links-container {
+ align-self: flex-start;
+ flex-direction: column;
+ }
+ .footer-container1 {
+ margin: var(--dl-space-space-unit);
+ flex-direction: column;
+ }
+ .footer-sources-container {
+ margin-top: var(--dl-space-space-twounits);
+ }
+ .footer-container2 {
+ margin: var(--dl-space-space-unit);
+ }
+ .footer-contact {
+ align-items: flex-start;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .footer-socials {
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ }
+ .footer-icon02 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon04 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon06 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon08 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-icon10 {
+ fill: var(--dl-color-gray-white);
+ }
+ .footer-separator {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ background-color: var(--dl-color-primary-700);
+ }
+ .rootClassName {
+ width: 100%;
+ }
+}
+
+.team-container {
+ height: auto;
+ display: flex;
+ min-height: 100vh;
+ align-items: center;
+ flex-direction: column;
+ justify-content: flex-start;
+ background-color: #121212;
+}
+.team-herosection {
+ flex: 0 0 auto;
+ height: auto;
+ display: flex;
+ align-self: center;
+ margin-top: 120px;
+ align-items: flex-start;
+ margin-left: var(--dl-space-space-oneandhalfunits);
+ padding-top: var(--dl-space-space-unit);
+ margin-right: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ border-radius: var(--dl-radius-radius-radius8);
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+ padding-right: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-unit);
+ justify-content: center;
+}
+.team-container01 {
+ height: 482px;
+ display: flex;
+ align-self: stretch;
+ align-items: flex-start;
+ margin-right: var(--dl-space-space-oneandhalfunits);
+ flex-direction: column;
+ justify-content: space-between;
+}
+.team-text {
+ color: var(--dl-color-gray-white);
+ font-size: 56px;
+ align-self: flex-start;
+ font-style: normal;
+ margin-top: var(--dl-space-space-threeunits);
+ font-weight: 500;
+ margin-left: var(--dl-space-space-threeunits);
+}
+.team-text04 {
+ color: #FF7437;
+}
+.team-text06 {
+ color: #FF7437;
+}
+.team-text07 {
+ color: var(--dl-color-gray-900);
+ width: 250px;
+ max-width: 260px;
+ min-width: 250px;
+ align-self: flex-start;
+ text-align: left;
+ margin-left: var(--dl-space-space-threeunits);
+ margin-right: 0px;
+ margin-bottom: var(--dl-space-space-fiveunits);
+}
+.team-image {
+ width: 600px;
+ align-self: flex-start;
+ object-fit: cover;
+ margin-left: var(--dl-space-space-oneandhalfunits);
+}
+.team-scroll-down {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.team-icon {
+ fill: var(--dl-color-gray-900);
+ width: 24px;
+ height: 24px;
+}
+.team-container02 {
+ display: flex;
+ align-items: flex-end;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+.team-text08 {
+ color: var(--dl-color-gray-900);
+ padding-left: var(--dl-space-space-unit);
+}
+.team-coremembers {
+ margin: var(--dl-space-space-threeunits);
+ display: flex;
+ align-self: center;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.team-text12 {
+ color: var(--dl-color-primary-500);
+ align-self: flex-start;
+ margin-top: var(--dl-space-space-threeunits);
+ text-align: center;
+ margin-left: var(--dl-space-space-sixunits);
+ margin-right: var(--dl-space-space-threeunits);
+ margin-bottom: var(--dl-space-space-threeunits);
+ letter-spacing: 1px;
+}
+.team-container03 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container04 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container05 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container06 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container07 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container08 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container09 {
+ display: flex;
+ align-self: center;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container10 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container11 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.team-container12 {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+@media(max-width: 991px) {
+ .team-herosection {
+ width: 100%;
+ }
+ .team-coremembers {
+ width: 100%;
+ margin: 0px;
+ }
+}
+@media(max-width: 767px) {
+ .team-herosection {
+ width: auto;
+ }
+ .team-image {
+ width: 300px;
+ }
+ .team-coremembers {
+ width: auto;
+ align-self: center;
+ align-items: center;
+ }
+ .team-container03 {
+ flex-direction: column;
+ }
+ .team-container06 {
+ flex-direction: column;
+ }
+ .team-container09 {
+ flex-direction: column;
+ }
+ .team-container12 {
+ flex-direction: row;
+ }
+}
+@media(max-width: 479px) {
+ .team-herosection {
+ width: auto;
+ }
+ .team-image {
+ display: none;
+ }
+ .team-coremembers {
+ width: auto;
+ margin: 0px;
+ }
+ .team-container03 {
+ width: auto;
+ flex-direction: column;
+ }
+ .team-container06 {
+ width: auto;
+ flex-direction: column;
+ }
+ .team-container09 {
+ width: auto;
+ flex-direction: column;
+ }
+ .team-container12 {
+ width: auto;
+ }
+}