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/components/button.css b/components/button.css
new file mode 100644
index 0000000..84813d0
--- /dev/null
+++ b/components/button.css
@@ -0,0 +1,36 @@
+.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);
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/components/button.html b/components/button.html
new file mode 100644
index 0000000..cd99953
--- /dev/null
+++ b/components/button.html
@@ -0,0 +1,6 @@
+<div>
+ <link href="./button.css" rel="stylesheet" />
+ <div class="button-container">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+</div>
diff --git a/components/button_nofill.css b/components/button_nofill.css
new file mode 100644
index 0000000..fb83597
--- /dev/null
+++ b/components/button_nofill.css
@@ -0,0 +1,28 @@
+.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);
+}
+
diff --git a/components/button_nofill.html b/components/button_nofill.html
new file mode 100644
index 0000000..78dfc04
--- /dev/null
+++ b/components/button_nofill.html
@@ -0,0 +1,6 @@
+<div>
+ <link href="./button_nofill.css" rel="stylesheet" />
+ <div class="button_nofill-container">
+ <span class="button_nofill-text body-16"><span>Download</span></span>
+ </div>
+</div>
diff --git a/components/carrousel.css b/components/carrousel.css
new file mode 100644
index 0000000..d0641d3
--- /dev/null
+++ b/components/carrousel.css
@@ -0,0 +1,83 @@
+.carrousel-carrousel {
+ flex: 0 0 auto;
+ margin: var(--dl-space-space-oneandhalfunits);
+ display: flex;
+ min-height: 50vh;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.carrousel-title {
+ color: var(--dl-color-gray-white);
+ margin: var(--dl-space-space-oneandhalfunits);
+}
+.carrousel-images {
+ flex: 1;
+ display: flex;
+ align-items: stretch;
+ flex-direction: row;
+ justify-content: center;
+}
+.carrousel-go-left {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.carrousel-icon {
+ fill: var(--dl-color-primary-700);
+ width: var(--dl-size-size-small);
+}
+.carrousel-slider {
+ flex: 1;
+ width: 824px;
+ display: flex;
+ overflow: hidden;
+ position: relative;
+ align-self: stretch;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.carrousel-slides-container {
+ flex: 1;
+ width: 100%;
+ display: flex;
+ overflow: hidden;
+ max-width: 100%;
+ align-self: stretch;
+ align-items: center;
+ border-radius: 16px;
+ flex-direction: row;
+ justify-content: center;
+}
+.carrousel-left {
+ object-fit: cover;
+ object-position: center;
+}
+.carrousel-left1 {
+ object-fit: cover;
+ object-position: center;
+}
+.carrousel-mid {
+ object-fit: cover;
+ object-position: center;
+}
+.carrousel-right {
+ object-fit: cover;
+ object-position: center;
+}
+.carrousel-right1 {
+ object-fit: cover;
+ object-position: center;
+}
+.carrousel-go-right {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.carrousel-icon2 {
+ fill: var(--dl-color-primary-700);
+ width: var(--dl-size-size-small);
+}
diff --git a/components/carrousel.html b/components/carrousel.html
new file mode 100644
index 0000000..9a39d9e
--- /dev/null
+++ b/components/carrousel.html
@@ -0,0 +1,51 @@
+<div>
+ <link href="./carrousel.css" rel="stylesheet" />
+ <div class="carrousel-carrousel">
+ <span class="carrousel-title h3-36"><span>Screenshots</span></span>
+ <div class="carrousel-images">
+ <div data-action="goLeft" class="carrousel-go-left">
+ <svg viewBox="0 0 1024 1024" class="carrousel-icon">
+ <path d="M658 708l-60 60-256-256 256-256 60 60-196 196z"></path>
+ </svg>
+ </div>
+ <div class="carrousel-slider">
+ <div class="carrousel-slides-container">
+ <img
+ src="https://images.unsplash.com/photo-1638292597251-6fe6b2ba50f9?ixid=Mnw5MTMyMXwwfDF8YWxsfDN8fHx8fHwyfHwxNjM4MzQwMjk2&ixlib=rb-1.2.1&h=300"
+ class="
+ carrousel-left
+ hidden-element
+ left-element left-element-initial
+ "
+ />
+ <img
+ src="https://images.unsplash.com/photo-1638190654307-66662e77fed9?ixid=Mnw5MTMyMXwwfDF8YWxsfDN8fHx8fHwyfHwxNjM4MjkzODc1&ixlib=rb-1.2.1&h=300"
+ class="carrousel-left1 left-element left-element-initial"
+ />
+ <img
+ src="https://images.unsplash.com/photo-1638204956063-5e65c3288d3c?ixid=Mnw5MTMyMXwwfDF8YWxsfDE3fHx8fHx8Mnx8MTYzODI5Mzg3NQ&ixlib=rb-1.2.1&h=300"
+ loading="lazy"
+ class="carrousel-mid mid-element mid-element-initial"
+ />
+ <img
+ src="https://images.unsplash.com/photo-1638210574680-b30164f073f3?ixid=Mnw5MTMyMXwwfDF8YWxsfDE5fHx8fHx8Mnx8MTYzODI5NzAzOQ&ixlib=rb-1.2.1&h=300"
+ class="carrousel-right right-element-initial right-element"
+ />
+ <img
+ src="https://images.unsplash.com/photo-1638043883400-33d4ab1017a1?ixid=Mnw5MTMyMXwwfDF8YWxsfDV8fHx8fHwyfHwxNjM4MzQwMjk2&ixlib=rb-1.2.1&h=300"
+ class="
+ carrousel-right1
+ hidden-element
+ right-element-initial right-element
+ "
+ />
+ </div>
+ </div>
+ <div data-action="goRight" class="carrousel-go-right">
+ <svg viewBox="0 0 1024 1024" class="carrousel-icon2">
+ <path d="M426 256l256 256-256 256-60-60 196-196-196-196z"></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/components/download.css b/components/download.css
new file mode 100644
index 0000000..6bea4c3
--- /dev/null
+++ b/components/download.css
@@ -0,0 +1,14 @@
+.download-container {
+ display: flex;
+ position: relative;
+}
+.download-button {
+ color: var(--dl-color-gray-white);
+ transition: 0.3s;
+ border-color: var(--dl-color-primary-300);
+ background-color: var(--dl-color-primary-300);
+}
+.download-button:hover {
+ color: var(--dl-color-primary-300);
+ background-color: var(--dl-color-primary-700);
+}
diff --git a/components/download.html b/components/download.html
new file mode 100644
index 0000000..131ba61
--- /dev/null
+++ b/components/download.html
@@ -0,0 +1,8 @@
+<div>
+ <link href="./download.css" rel="stylesheet" />
+ <div class="download-container">
+ <button class="download-button button-14 button">
+ <span>Download</span>
+ </button>
+ </div>
+</div>
diff --git a/components/features.css b/components/features.css
new file mode 100644
index 0000000..44bd840
--- /dev/null
+++ b/components/features.css
@@ -0,0 +1,178 @@
+.features-features {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.features-text {
+ color: var(--dl-color-gray-white);
+ align-self: center;
+ margin-top: 96px;
+}
+.features-text01 {
+ color: var(--dl-color-primary-500);
+ font-size: 24px;
+ margin-top: 8px;
+ font-family: Poppins;
+}
+.features-features1 {
+ display: flex;
+ margin-top: 32px;
+ align-items: center;
+ margin-bottom: 32px;
+ flex-direction: row;
+}
+.features-sec-bb {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.features-security {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ margin-bottom: 40px;
+ flex-direction: column;
+}
+.features-icon {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.features-text02 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.features-text03 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.features-battery {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.features-icon02 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.features-text04 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.features-text05 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.features-design-settings {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.features-focusondesign {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.features-icon04 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.features-text06 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.features-text07 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.features-image {
+ width: 180px;
+ margin-top: 88px;
+ object-fit: cover;
+ margin-bottom: 88px;
+}
+.features-settings {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.features-icon07 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.features-text08 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.features-text09 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.features-perf-comp {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+.features-performance {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ margin-bottom: 40px;
+ flex-direction: column;
+}
+.features-icon09 {
+ fill: var(--dl-color-gray-white);
+ width: 32px;
+}
+.features-text10 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.features-text11 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
+.features-compatibility {
+ width: 352px;
+ display: flex;
+ padding: 16px;
+ align-items: center;
+ flex-direction: column;
+}
+.features-image1 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text12 {
+ color: var(--dl-color-primary-300);
+ font-style: normal;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.features-text13 {
+ fill: var(--dl-color-gray-white);
+ color: var(--dl-color-gray-white);
+ text-align: center;
+}
diff --git a/components/features.html b/components/features.html
new file mode 100644
index 0000000..be3ad0e
--- /dev/null
+++ b/components/features.html
@@ -0,0 +1,117 @@
+<div>
+ <link href="./features.css" rel="stylesheet" />
+ <div class="features-features">
+ <span class="features-text h4-28">
+ <span>It’s more than what you think</span>
+ </span>
+ <span class="features-text01">
+ <span>A comprehesive overview of features</span>
+ </span>
+ <div class="features-features1">
+ <div class="features-sec-bb">
+ <div class="features-security">
+ <svg viewBox="0 0 1024 1024" class="features-icon">
+ <path
+ d="M512 42l384 172v256q0 178-110 325t-274 187q-164-40-274-187t-110-325v-256zM512 512v382q118-38 200-143t98-239h-298zM512 512v-376l-298 132v244h298z"
+ ></path>
+ </svg>
+ <span class="features-text02 h6-20"><span>Added Security</span></span>
+ <span class="features-text03 body-12">
+ <span>
+ We include many options for customization and theming throughout
+ the OS
+ </span>
+ </span>
+ </div>
+ <div class="features-battery">
+ <svg viewBox="0 0 1024 1024" class="features-icon02">
+ <path
+ d="M213.333 725.333h-85.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165v-341.333c0-11.776 4.736-22.4 12.501-30.165s18.389-12.501 30.165-12.501h136.107c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-136.107c-35.328 0-67.413 14.379-90.496 37.504s-37.504 55.168-37.504 90.496v341.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h85.333c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667zM640 298.667h85.333c11.776 0 22.4 4.736 30.165 12.501s12.501 18.389 12.501 30.165v341.333c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-136.107c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667h136.107c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-341.333c0-35.328-14.379-67.413-37.504-90.496s-55.168-37.504-90.496-37.504h-85.333c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM1024 554.667v-85.333c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v85.333c0 23.552 19.115 42.667 42.667 42.667s42.667-19.115 42.667-42.667zM433.835 232.32l-170.667 256c-13.056 19.627-7.765 46.080 11.819 59.179 7.339 4.907 15.659 7.211 23.68 7.168h176.256l-126.464 189.653c-13.056 19.627-7.765 46.080 11.819 59.179s46.080 7.765 59.179-11.819l170.667-256c4.523-6.656 7.211-14.848 7.211-23.68 0-23.552-19.115-42.667-42.667-42.667h-176.256l126.464-189.653c13.056-19.627 7.765-46.080-11.819-59.179s-46.080-7.765-59.179 11.819z"
+ ></path>
+ </svg>
+ <span class="features-text04 h6-20">
+ <span>Battery-friendly</span>
+ </span>
+ <span class="features-text05 body-12">
+ <span>
+ Extra options are provided to help tune battery consumption to the
+ best levels
+ </span>
+ </span>
+ </div>
+ </div>
+ <div class="features-design-settings">
+ <div class="features-focusondesign">
+ <svg viewBox="0 0 1024 1024" class="features-icon04">
+ <path
+ d="M1018.17 291.89l-286.058-286.058c-9.334-9.334-21.644-7.234-27.356 4.666l-38.354 79.904 267.198 267.198 79.904-38.354c11.9-5.712 14-18.022 4.666-27.356z"
+ ></path>
+ <path
+ d="M615.384 135.384l-263.384 21.95c-17.5 2.166-32.080 5.898-37.090 28.752-0.006 0.024-0.012 0.042-0.018 0.066-71.422 343.070-314.892 677.848-314.892 677.848l57.374 57.374 271.986-271.99c-5.996-12.53-9.36-26.564-9.36-41.384 0-53.020 42.98-96 96-96s96 42.98 96 96-42.98 96-96 96c-14.82 0-28.852-3.364-41.384-9.36l-271.988 271.986 57.372 57.374c0 0 334.778-243.47 677.848-314.892 0.024-0.006 0.042-0.012 0.066-0.018 22.854-5.010 26.586-19.59 28.752-37.090l21.95-263.384-273.232-273.232z"
+ ></path>
+ </svg>
+ <span class="features-text06 h6-20">
+ <span>Focus on design</span>
+ </span>
+ <span class="features-text07 body-12">
+ <span>
+ We include many options for customization and theming throughout
+ the OS
+ </span>
+ </span>
+ </div>
+ <img
+ alt="image"
+ src="../public/playground_assets/bliss_logo.svg"
+ class="features-image"
+ />
+ <div class="features-settings">
+ <svg viewBox="0 0 1024 1024" class="features-icon07">
+ <path
+ d="M512 662q62 0 106-44t44-106-44-106-106-44-106 44-44 106 44 106 106 44zM830 554l90 70q14 10 4 28l-86 148q-8 14-26 8l-106-42q-42 30-72 42l-16 112q-4 18-20 18h-172q-16 0-20-18l-16-112q-38-16-72-42l-106 42q-18 6-26-8l-86-148q-10-18 4-28l90-70q-2-14-2-42t2-42l-90-70q-14-10-4-28l86-148q8-14 26-8l106 42q42-30 72-42l16-112q4-18 20-18h172q16 0 20 18l16 112q38 16 72 42l106-42q18-6 26 8l86 148q10 18-4 28l-90 70q2 14 2 42t-2 42z"
+ ></path>
+ </svg>
+ <span class="features-text08 h6-20">
+ <span>Customized settings</span>
+ </span>
+ <span class="features-text09 body-12">
+ <span>
+ Choose settings depending on the criteria you value the most. With
+ no limits.
+ </span>
+ </span>
+ </div>
+ </div>
+ <div class="features-perf-comp">
+ <div class="features-performance">
+ <svg viewBox="0 0 1024 1024" class="features-icon09">
+ <path
+ d="M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM302.836 834.152c11.106-30.632 17.164-63.688 17.164-98.152 0-124.35-78.81-230.292-189.208-270.606 10.21-84.924 48.254-163.498 109.678-224.924 72.53-72.526 168.96-112.47 271.53-112.47s199 39.944 271.53 112.47c61.428 61.426 99.468 140 109.682 224.924-110.402 40.314-189.212 146.256-189.212 270.606 0 34.468 6.060 67.52 17.166 98.15-61.706 40.242-133.77 61.85-209.166 61.85-75.394 0-147.458-21.608-209.164-61.848zM551.754 640.996c13.878 3.494 24.246 16.080 24.246 31.004v64c0 17.6-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32v-64c0-14.924 10.368-27.51 24.246-31.004l23.754-448.996h32l23.754 448.996z"
+ ></path>
+ </svg>
+ <span class="features-text10 h6-20"><span>Performance</span></span>
+ <span class="features-text11 body-12">
+ <span>
+ Focused on speed and stability with tweaks to assist in the most
+ demanding applications
+ </span>
+ </span>
+ </div>
+ <div class="features-compatibility">
+ <img
+ alt="image"
+ src="../public/playground_assets/compatibility.svg"
+ class="features-image1"
+ />
+ <span class="features-text12 h6-20"><span>Compatibility</span></span>
+ <span class="features-text13 body-12">
+ <span>
+ We bring Bliss to every device we own. And our PC builds include
+ extras for ARM/ARM64 app compatibility
+ </span>
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/components/footer.css b/components/footer.css
new file mode 100644
index 0000000..f638265
--- /dev/null
+++ b/components/footer.css
@@ -0,0 +1,319 @@
+.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%;
+ }
+}
diff --git a/components/footer.html b/components/footer.html
new file mode 100644
index 0000000..b4b9b4f
--- /dev/null
+++ b/components/footer.html
@@ -0,0 +1,220 @@
+<div>
+ <link href="./footer.css" rel="stylesheet" />
+ <footer id="footer" class="footer-footer">
+ <div class="footer-container">
+ <div class="footer-logo">
+ <div class="footer-logo1">
+ <img
+ alt="logo"
+ src="../public/playground_assets/bliss%20logo1.svg"
+ class="footer-image"
+ />
+ <span class="footer-text body-16"><span>Bliss Rom</span></span>
+ </div>
+ <span class="footer-text02">
+ <span>
+ <span>
+ An open-source operating system based on Android with
+ customizations, options and added security features.
+ </span>
+ </span>
+ </span>
+ </div>
+ <div class="footer-links-container">
+ <div class="footer-container1">
+ <div class="footer-community-container">
+ <span class="footer-text05">Community</span>
+ <a
+ href="https://t.me/Team_Bliss_Community"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link Footerlink"
+ >
+ <span>BlissRoms Telegram</span>
+ <br />
+ <span></span>
+ </a>
+ <a
+ href="https://t.me/blissx86"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link01 Footerlink"
+ >
+ Bliss OS Telegram
+ </a>
+ <a
+ href="https://discord.gg/wwc4Aua4fp"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link02 Footerlink"
+ >
+ Bliss Discord
+ </a>
+ </div>
+ <div class="footer-sources-container">
+ <span class="footer-text08">Sources</span>
+ <span class="Footerlink">BlissRoms Gerrit Review</span>
+ <a
+ href="https://review-x86.blissroms.com/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link03 Footerlink"
+ >
+ <span>Bliss OS (x86) Gerrit Review</span>
+ <br />
+ <span></span>
+ </a>
+ <a
+ href="https://github.com/BlissRoms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link04 Footerlink"
+ >
+ BlissRoms GitHub
+ </a>
+ <a
+ href="https://github.com/BlissRoms-Devices"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link05 Footerlink"
+ >
+ BlissRoms-Devices GitHub
+ </a>
+ <a
+ href="https://github.com/BlissRoms-x86"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link06 Footerlink"
+ >
+ Bliss OS GitHub
+ </a>
+ <a
+ href="https://github.com/BlissRoms-pine64"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link07 Footerlink"
+ >
+ BlissRoms-PINE64 GitHub
+ </a>
+ </div>
+ </div>
+ <div class="footer-container2">
+ <div class="footer-contact">
+ <span class="footer-text12 footer-Text-Style">Links</span>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link08 Footerlink"
+ >
+ Team members
+ </a>
+ <a
+ href="https://status.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link09 Footerlink"
+ >
+ Status
+ </a>
+ <a
+ href="https://blog.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link10 Footerlink"
+ >
+ Blog
+ </a>
+ </div>
+ <div class="footer-socials">
+ <span class="footer-text13 footer-Text-Style">Follow Us</span>
+ <div class="footer-icon-group">
+ <a
+ href="https://twitter.com/stayblissful"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link11"
+ >
+ <svg viewBox="0 0 950.8571428571428 1024" class="icons">
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.instagram.com/blissroms/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link12"
+ >
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="footer-icon02 icons"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://github.com/BlissRoms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link13"
+ >
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="footer-icon04 icons"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://t.me/BlissROM_Updates"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link14"
+ >
+ <svg viewBox="0 0 1024 1024" class="footer-icon06 icons">
+ <path
+ d="M679.429 746.857l84-396c7.429-34.857-12.571-48.571-35.429-40l-493.714 190.286c-33.714 13.143-33.143 32-5.714 40.571l126.286 39.429 293.143-184.571c13.714-9.143 26.286-4 16 5.143l-237.143 214.286-9.143 130.286c13.143 0 18.857-5.714 25.714-12.571l61.714-59.429 128 94.286c23.429 13.143 40 6.286 46.286-21.714zM1024 512c0 282.857-229.143 512-512 512s-512-229.143-512-512 229.143-512 512-512 512 229.143 512 512z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.linkedin.com/company/stayblissful"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link15"
+ >
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="footer-icon08 icons"
+ >
+ <path
+ d="M135.429 808h132v-396.571h-132v396.571zM276 289.143c-0.571-38.857-28.571-68.571-73.714-68.571s-74.857 29.714-74.857 68.571c0 37.714 28.571 68.571 73.143 68.571h0.571c46.286 0 74.857-30.857 74.857-68.571zM610.286 808h132v-227.429c0-121.714-65.143-178.286-152-178.286-70.857 0-102.286 39.429-119.429 66.857h1.143v-57.714h-132s1.714 37.143 0 396.571v0h132v-221.714c0-11.429 0.571-23.429 4-32 9.714-23.429 31.429-48 68-48 47.429 0 66.286 36 66.286 89.714v212zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.reddit.com/r/BlissRoms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link16"
+ >
+ <svg viewBox="0 0 1024 1024" class="icons footer-icon10">
+ <path
+ d="M1024 483.429c0 44.571-25.143 82.857-62.286 101.714 4.571 17.714 6.857 36 6.857 54.857 0 180.571-204 326.857-455.429 326.857-250.857 0-454.857-146.286-454.857-326.857 0-18.286 2.286-36.571 6.286-53.714-38.286-18.857-64.571-57.714-64.571-102.857 0-62.857 50.857-113.714 113.714-113.714 32.571 0 61.714 13.714 82.857 36 77.143-53.714 180-88.571 294.286-92.571l66.286-297.714c2.286-10.286 13.143-17.143 23.429-14.857l210.857 46.286c13.714-27.429 42.857-46.857 76-46.857 47.429 0 85.714 38.286 85.714 85.143 0 47.429-38.286 85.714-85.714 85.714-46.857 0-85.143-38.286-85.143-85.143l-190.857-42.286-59.429 269.714c114.857 3.429 218.857 37.714 296.571 91.429 20.571-21.714 49.714-34.857 81.714-34.857 62.857 0 113.714 50.857 113.714 113.714zM238.857 597.143c0 47.429 38.286 85.714 85.143 85.714 47.429 0 85.714-38.286 85.714-85.714 0-46.857-38.286-85.143-85.714-85.143-46.857 0-85.143 38.286-85.143 85.143zM701.714 800c8.571-8.571 8.571-21.143 0-29.714-8-8-21.143-8-29.143 0-34.286 34.857-108 46.857-160.571 46.857s-126.286-12-160.571-46.857c-8-8-21.143-8-29.143 0-8.571 8-8.571 21.143 0 29.714 54.286 54.286 158.857 58.286 189.714 58.286s135.429-4 189.714-58.286zM700 682.857c46.857 0 85.143-38.286 85.143-85.714 0-46.857-38.286-85.143-85.143-85.143-47.429 0-85.714 38.286-85.714 85.143 0 47.429 38.286 85.714 85.714 85.714z"
+ ></path>
+ </svg>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="footer-separator"></div>
+ </footer>
+</div>
diff --git a/components/member.css b/components/member.css
new file mode 100644
index 0000000..2498696
--- /dev/null
+++ b/components/member.css
@@ -0,0 +1,133 @@
+.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);
+ }
+}
diff --git a/components/member.html b/components/member.html
new file mode 100644
index 0000000..a19ef4f
--- /dev/null
+++ b/components/member.html
@@ -0,0 +1,36 @@
+<div>
+ <link href="./member.css" rel="stylesheet" />
+ <div class="member-container">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://images.unsplash.com/photo-1633190206143-e618bc3c0e8b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE0fHx8fHx8Mnx8MTYzMzI4MjIyMw&ixlib=rb-1.2.1&w=1500"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Silene Tokyo</span></h1>
+ <span class="member-text1 body-12"><span>VP Operations</span></span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for planning, directing,
+ and overseeing finance and operations activities in the organization,
+ and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg viewBox="0 0 877.7142857142857 1024" class="member-icon">
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg viewBox="0 0 950.8571428571428 1024" class="member-icon2">
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg viewBox="0 0 877.7142857142857 1024" class="member-icon4">
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/components/nav_element.css b/components/nav_element.css
new file mode 100644
index 0000000..6ae0966
--- /dev/null
+++ b/components/nav_element.css
@@ -0,0 +1,11 @@
+.nav_element-container {
+ display: flex;
+ position: relative;
+}
+.nav_element-text {
+ font-style: normal;
+ transition: 0.3s;
+ font-weight: 500;
+ margin-left: 72px;
+}
+
diff --git a/components/nav_element.html b/components/nav_element.html
new file mode 100644
index 0000000..7a31fcc
--- /dev/null
+++ b/components/nav_element.html
@@ -0,0 +1,6 @@
+<div>
+ <link href="./nav_element.css" rel="stylesheet" />
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Home</span></span>
+ </div>
+</div>
diff --git a/components/navbar.css b/components/navbar.css
new file mode 100644
index 0000000..5c19692
--- /dev/null
+++ b/components/navbar.css
@@ -0,0 +1,295 @@
+.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%;
+ }
+}
diff --git a/components/navbar.html b/components/navbar.html
new file mode 100644
index 0000000..66e8c4d
--- /dev/null
+++ b/components/navbar.html
@@ -0,0 +1,92 @@
+<div>
+ <link href="./navbar.css" rel="stylesheet" />
+ <nav class="Navbar navbar-fixed">
+ <img
+ alt="logo"
+ src="../public/playground_assets/nav_logo.svg"
+ class="navbar-image"
+ />
+ <div class="navbar-container">
+ <nav class="navbar-nav-elements-desktop">
+ <a href="/" class="navbar-navlink">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Home</span></span>
+ </div>
+ </a>
+ <a href="/" class="navbar-navlink1">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Features</span>
+ </span>
+ </div>
+ </a>
+ <a href="/team.html" class="navbar-navlink2">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Team</span></span>
+ </div>
+ </a>
+ <a
+ href="https://bliss-family-store.creator-spring.com/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navbar-link"
+ >
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Gear</span></span>
+ </div>
+ </a>
+ <a
+ href="https://docs.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navbar-link1"
+ >
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Docs</span></span>
+ </div>
+ </a>
+ </nav>
+ </div>
+ <a href="#downloads">
+ <div class="navbar-btn-group">
+ <div class="button-container rootClassName4">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar-burger-menu teleport-menu-burger">
+ <svg viewBox="0 0 1024 1024" class="navbar-icon">
+ <path
+ d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
+ ></path>
+ </svg>
+ </div>
+ <nav class="navbar-nav-elements-mobile teleport-menu-mobile">
+ <a href="/" class="navbar-navlink3 h4-28 mb-12 navelement">
+ <span>Home</span>
+ </a>
+ <a href="#features" class="navbar-link3 h4-28 mb-12 navelement">
+ <span>Features</span>
+ </a>
+ <a href="/team.html" class="navbar-navlink4 h4-28 mb-12 navelement">
+ <span>Team</span>
+ </a>
+ <span class="navbar-text h4-28 mb-12 navelement"><span>Gear</span></span>
+ <span class="navbar-text1 mb-12 navelement h4-28"><span>Blog</span></span>
+ <a href="#downloads">
+ <div class="navbar-btn-group1">
+ <div class="button-container rootClassName4">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar-container1 teleport-menu-close">
+ <svg viewBox="0 0 804.5714285714286 1024" class="navbar-icon2">
+ <path
+ d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
+ ></path>
+ </svg>
+ </div>
+ </nav>
+ </nav>
+</div>
diff --git a/components/navbar_team.css b/components/navbar_team.css
new file mode 100644
index 0000000..da853c2
--- /dev/null
+++ b/components/navbar_team.css
@@ -0,0 +1,286 @@
+.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);
+ }
+}
diff --git a/components/navbar_team.html b/components/navbar_team.html
new file mode 100644
index 0000000..f7caede
--- /dev/null
+++ b/components/navbar_team.html
@@ -0,0 +1,89 @@
+<div>
+ <link href="./navbar_team.css" rel="stylesheet" />
+ <nav class="Navbar navbar-fixed">
+ <img
+ alt="logo"
+ src="../public/playground_assets/nav_logo.svg"
+ class="navbar_team-image"
+ />
+ <div class="navbar_team-container">
+ <nav class="navbar_team-nav-elements-desktop">
+ <a href="/" class="navbar_team-navlink">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Home</span></span>
+ </div>
+ </a>
+ <a href="/team.html" class="navbar_team-navlink1">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Team</span></span>
+ </div>
+ </a>
+ <a
+ href="https://bliss-family-store.creator-spring.com/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navbar_team-link"
+ >
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Gear</span></span>
+ </div>
+ </a>
+ <a
+ href="https://docs.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navbar_team-link1"
+ >
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement"><span>Docs</span></span>
+ </div>
+ </a>
+ </nav>
+ </div>
+ <a href="#downloads">
+ <div class="navbar_team-btn-group">
+ <div class="button-container rootClassName8">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar_team-burger-menu teleport-menu-burger">
+ <svg viewBox="0 0 1024 1024" class="navbar_team-icon">
+ <path
+ d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
+ ></path>
+ </svg>
+ </div>
+ <nav class="navbar_team-nav-elements-mobile teleport-menu-mobile">
+ <a href="/" class="navbar_team-navlink2 h4-28 mb-12 navelement">
+ <span>Home</span>
+ </a>
+ <a href="#features" class="navbar_team-link3 h4-28 mb-12 navelement">
+ <span>Features</span>
+ </a>
+ <a href="/team.html" class="navbar_team-navlink3 h4-28 mb-12 navelement">
+ <span>Team</span>
+ </a>
+ <span class="navbar_team-text h4-28 mb-12 navelement">
+ <span>Gear</span>
+ </span>
+ <span class="navbar_team-text1 h4-28 mb-12 navelement">
+ <span>Blog</span>
+ </span>
+ <a href="#downloads">
+ <div class="navbar_team-btn-group1">
+ <div class="button-container rootClassName8">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar_team-container1 teleport-menu-close">
+ <svg viewBox="0 0 804.5714285714286 1024" class="navbar_team-icon2">
+ <path
+ d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
+ ></path>
+ </svg>
+ </div>
+ </nav>
+ </nav>
+</div>
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index 1f8f6ef..0000000
--- a/css/style.css
+++ /dev/null
@@ -1,94 +0,0 @@
-.heading {
- font-size: 4.5rem;
-}
-
-@media only screen and (max-width: 768px) {
- .heading {
- font-size: 4rem;
- }
-}
-
-@media only screen and (max-width: 425px) {
- .heading {
- font-size: 3rem;
- }
-}
-
-input[type="radio"] {
- background-color: transparent;
- border: .0625em solid #0080ff;
- border-radius: 50%;
- box-shadow: inset 0 0 0 0 black;
- cursor: pointer;
- font: inherit;
- height: 1em;
- outline: none;
- width: 1em;
- -moz-appearance: none;
- -webkit-appearance: none;
-}
-
-input[type="radio"]:checked {
- background-color: grey;
- box-shadow: inset 0 0 0 .1875em white;
- -webkit-transition: background .15s, box-shadow .1s;
- transition: background .15s, box-shadow .1s;
-}
-
-.navbar-brand-image {
- filter: invert(100%);
-}
-
-.list-unstyled a {
- color: #0080ff;
-}
-
-#wrap_a {
- max-width: 800px;
- margin: 0 auto;
-}
-
-#output_a {
- margin: 2em 1em;
- text-align: left;
- /* font-family: monospace; */
- font-size: 1.1em;
- line-height: 1.5;
- color: #fc9;
-}
-
-#output_a .title {
- color: white;
- text-align: center;
-}
-
-#output_a ul {
- color: white;
-}
-
-#output_a ul li {
- margin: 1em;
-}
-
-#output_a ul a {
- color: lightblue;
- text-decoration: none;
-}
-
-#output_a ul a.win {
- color: limegreen;
-}
-
-#output_a ul a.lose {
- color: red;
-}
-
-#output_a ul a:hover {
- color: white;
-}
-
-#output_a .inv {
- color: #ca9;
- font-size: 0.8em;
- padding-top: 2em;
-}
\ No newline at end of file
diff --git a/css/table.css b/css/table.css
deleted file mode 100644
index 3859b4c..0000000
--- a/css/table.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.team_content {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
- row-gap: 80px;
- margin-top: 80px;
-}
-
-.team_content2 {
- grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
- row-gap: 50px;
- margin-top: 80px;
-}
-
-.image {
- width: 100px;
- height: auto;
- border-radius: 100%;
- margin: 0 auto 20px auto;
-}
-
-.team_item {
- text-align: center;
-}
-
-.team_data_text {
- margin: 0;
-}
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index 37eb7a1..0000000
--- a/favicon.ico
+++ /dev/null
Binary files differ
diff --git a/images/bliss-brand-icon.png b/images/bliss-brand-icon.png
deleted file mode 100644
index 489a299..0000000
--- a/images/bliss-brand-icon.png
+++ /dev/null
Binary files differ
diff --git a/images/coffee-break.svg b/images/coffee-break.svg
deleted file mode 100644
index a09aeea..0000000
--- a/images/coffee-break.svg
+++ /dev/null
@@ -1,95 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="-200 201 599 599" style="enable-background:new -200 201 599 599;" xml:space="preserve">
-<style type="text/css">
- .st0{fill:#DADDDF;}
- .st1{fill:#878787;}
- .st2{fill:#787878;}
- .st3{fill:#009CFF;}
- .st4{fill:#6E6E6E;}
- .st5{fill:#7D7D7D;}
- .st6{fill:#C7CACC;}
- .st7{fill:#008DFF;}
- .st8{clip-path:url(#SVGID_2_);fill:#C7CACC;}
- .st9{display:none;clip-path:url(#SVGID_2_);fill:#DADDDF;}
-</style>
-<g id="surface1">
- <path class="st0" d="M-81.2,345.6l45.1,454.2h270.9L280,345.6H-81.2z"/>
- <path class="st1" d="M-117.3,263h433.5v82.6h-433.5L-117.3,263L-117.3,263z"/>
- <path class="st2" d="M-81.2,263H280l-9.1-61.9H-72.2L-81.2,263z"/>
- <path class="st3" d="M289,438.5l-27.1,227.1H-63.2l-27.1-227.1H289z"/>
- <path class="st4" d="M270.9,201.1h-72.3L144.5,263h135.4L270.9,201.1z"/>
- <path class="st5" d="M316.1,263H90.3l-72.3,82.6h298V263z"/>
- <path class="st6" d="M246.1,686.3l2-20.6H-49.5l2,20.6H246.1z"/>
- <path class="st6" d="M277.9,366.4l2-20.6H-81.3l2,20.6H277.9z"/>
- <path class="st7" d="M289,438.5h-55.8C180.6,541.8,99.4,614.1,9.1,665.7h252.8L289,438.5z"/>
-</g>
-<g>
- <defs>
- <path id="SVGID_1_" d="M175,547.8c0.4,0,0.7-0.1,1.1-0.1c-1.9,3.7-3.8,7.4-5.7,11.1c-4.6,9-10.2,17.6-17,25.2
- c-2.4,2.7-5.5,4.5-8.6,6.2c-4.6,2.4-9.5,4.1-14.5,5.3c-8.6,2.2-17.5,3.2-26.4,3.6c-1.3,0-2.5,0.1-3.8,0.1
- c9.2-12.3,19.6-24,31.8-33.5c6.3-4.8,13.1-9,20.4-12.2c5.5-2.3,11.2-3.9,17.1-4.9C171.2,548.3,173.1,548.1,175,547.8z M23.7,547.8
- c-0.4,0-0.7-0.1-1.1-0.1c1.9,3.7,3.8,7.4,5.7,11.1c4.6,9,10.2,17.6,17,25.2c2.4,2.7,5.5,4.5,8.6,6.2c4.6,2.4,9.5,4.1,14.5,5.3
- c8.6,2.2,17.5,3.2,26.4,3.6c1.3,0,2.5,0.1,3.8,0.1c-9.2-12.3-19.6-24-31.8-33.5c-6.3-4.8-13.1-9-20.4-12.2
- c-5.5-2.3-11.2-3.9-17.1-4.9C27.5,548.3,25.6,548.1,23.7,547.8z M69.8,522.5c-0.6-0.5-1.3-1.1-2.1-1.5c-1.5,9.1-1.8,18.4-1,27.6
- c0.5,5.3,1.4,10.6,3,15.6c0.2,0.5,0.3,1.1,0.7,1.6c0.4,0.6,1,1.1,1.6,1.5c1.8,1.4,3.5,3.1,5.2,4.6c2.3,2.2,4.6,4.5,6.8,6.8
- c2.3,2.4,4.5,5,6.7,7.5c2.4,2.9,5.2,5.8,7.5,8.7c0.8,0.9,0.2-14,0-16.6c-2.5-13.6-3.4-15.3-9.9-32.2c-3.2-8.2-9.6-15.1-15.9-21.2
- C71.5,524,70.6,523.3,69.8,522.5z M128.9,522.5c0.6-0.5,1.3-1.1,2.1-1.5c1.5,9.1,1.8,18.4,1,27.6c-0.5,5.3-1.4,10.6-3,15.6
- c-0.2,0.5-0.3,1.1-0.7,1.6c-0.4,0.6-1,1.1-1.6,1.5c-1.8,1.4-3.5,3.1-5.2,4.6c-2.3,2.2-4.6,4.5-6.8,6.8c-2.3,2.4-4.5,5-6.7,7.5
- c-2.4,2.9-4.8,5.8-7.1,8.6c-0.8,0.9-0.3-14.2-0.1-16.8c2-13.6,3.2-17.3,10.2-32.5c3.2-7,9-14.6,15.3-20.7
- C127.2,524,128.1,523.3,128.9,522.5z M99.8,505c1.8,1.9,3.3,4.2,4.6,6.5c4.7,8.2,6.7,19.2,6.6,29.6c-1.7,3.1-2.3,4.3-3.6,7.5
- c-2.1,5.3-4.1,10.7-5.4,16.3c-1.1,4.3-1.7,8.7-2.3,13c-0.1,0.4-0.1,0.7-0.2,1.1c-0.6-4.2-1.3-8.3-2.2-12.5
- c-0.8-3.7-4.9-15.7-5.9-18.1c-0.8-1.9-3.1-6.5-3.1-7.1c0.6-10.5,2.7-21.7,7.7-30.3C97.2,509,98.3,506.9,99.8,505z M156.4,526.1
- c0.7-0.3,1.4-0.7,2.2-0.9c0,7.5-2.1,14.9-5.2,21.7c-0.6,1.4-1.3,2.9-2,4.3c-0.2,0.6-0.9,0.9-1.4,1.2c-2.8,1.2-5.5,2.6-8.1,4.2
- c-3.7,2.1-7.1,4.7-10.7,7.1c0.5-2.1,0.9-4.2,1.3-6.4c1-4.8,1.4-9.6,1.5-14.5c0-0.4,0-0.8,0.3-1.1c0.8-0.9,1.7-1.7,2.6-2.5
- c4.3-4.1,9.1-7.8,14.3-10.7C152.8,527.6,154.6,526.9,156.4,526.1z M42.3,526.1c-0.7-0.3-1.4-0.7-2.2-0.9c0,7.5,2.1,14.9,5.2,21.7
- c0.6,1.4,1.3,2.9,2,4.3c0.2,0.6,0.9,0.9,1.4,1.2c2.8,1.2,5.5,2.6,8.1,4.2c3.7,2.1,7.1,4.7,10.7,7.1c-0.5-2.1-0.9-4.2-1.3-6.4
- c-1-4.8-1.4-9.6-1.5-14.5c0-0.4,0-0.8-0.3-1.1c-0.8-0.9-1.7-1.7-2.6-2.5c-4.3-4.1-9.1-7.8-14.3-10.7
- C45.8,527.6,44.1,526.9,42.3,526.1z"/>
- </defs>
- <clipPath id="SVGID_2_">
- <use xlink:href="#SVGID_1_" style="overflow:visible;"/>
- </clipPath>
- <path class="st8" d="M175,547.8c0.4,0,0.7-0.1,1.1-0.1c-1.9,3.7-3.8,7.4-5.7,11.1c-4.6,9-10.2,17.6-17,25.2
- c-2.4,2.7-5.5,4.5-8.6,6.2c-4.6,2.4-9.5,4.1-14.5,5.3c-8.6,2.2-17.5,3.2-26.4,3.6c-1.3,0-2.5,0.1-3.8,0.1
- c9.2-12.3,19.6-24,31.8-33.5c6.3-4.8,13.1-9,20.4-12.2c5.5-2.3,11.2-3.9,17.1-4.9C171.2,548.3,173.1,548.1,175,547.8z M23.7,547.8
- c-0.4,0-0.7-0.1-1.1-0.1c1.9,3.7,3.8,7.4,5.7,11.1c4.6,9,10.2,17.6,17,25.2c2.4,2.7,5.5,4.5,8.6,6.2c4.6,2.4,9.5,4.1,14.5,5.3
- c8.6,2.2,17.5,3.2,26.4,3.6c1.3,0,2.5,0.1,3.8,0.1c-9.2-12.3-19.6-24-31.8-33.5c-6.3-4.8-13.1-9-20.4-12.2
- c-5.5-2.3-11.2-3.9-17.1-4.9C27.5,548.3,25.6,548.1,23.7,547.8z M69.8,522.5c-0.6-0.5-1.3-1.1-2.1-1.5c-1.5,9.1-1.8,18.4-1,27.6
- c0.5,5.3,1.4,10.6,3,15.6c0.2,0.5,0.3,1.1,0.7,1.6c0.4,0.6,1,1.1,1.6,1.5c1.8,1.4,3.5,3.1,5.2,4.6c2.3,2.2,4.6,4.5,6.8,6.8
- c2.3,2.4,4.5,5,6.7,7.5c2.4,2.9,5.2,5.8,7.5,8.7c0.8,0.9,0.2-14,0-16.6c-2.5-13.6-3.4-15.3-9.9-32.2c-3.2-8.2-9.6-15.1-15.9-21.2
- C71.5,524,70.6,523.3,69.8,522.5z M128.9,522.5c0.6-0.5,1.3-1.1,2.1-1.5c1.5,9.1,1.8,18.4,1,27.6c-0.5,5.3-1.4,10.6-3,15.6
- c-0.2,0.5-0.3,1.1-0.7,1.6c-0.4,0.6-1,1.1-1.6,1.5c-1.8,1.4-3.5,3.1-5.2,4.6c-2.3,2.2-4.6,4.5-6.8,6.8c-2.3,2.4-4.5,5-6.7,7.5
- c-2.4,2.9-4.8,5.8-7.1,8.6c-0.8,0.9-0.3-14.2-0.1-16.8c2-13.6,3.2-17.3,10.2-32.5c3.2-7,9-14.6,15.3-20.7
- C127.2,524,128.1,523.3,128.9,522.5z M99.8,505c1.8,1.9,3.3,4.2,4.6,6.5c4.7,8.2,6.7,19.2,6.6,29.6c-1.7,3.1-2.3,4.3-3.6,7.5
- c-2.1,5.3-4.1,10.7-5.4,16.3c-1.1,4.3-1.7,8.7-2.3,13c-0.1,0.4-0.1,0.7-0.2,1.1c-0.6-4.2-1.3-8.3-2.2-12.5
- c-0.8-3.7-4.9-15.7-5.9-18.1c-0.8-1.9-3.1-6.5-3.1-7.1c0.6-10.5,2.7-21.7,7.7-30.3C97.2,509,98.3,506.9,99.8,505z M156.4,526.1
- c0.7-0.3,1.4-0.7,2.2-0.9c0,7.5-2.1,14.9-5.2,21.7c-0.6,1.4-1.3,2.9-2,4.3c-0.2,0.6-0.9,0.9-1.4,1.2c-2.8,1.2-5.5,2.6-8.1,4.2
- c-3.7,2.1-7.1,4.7-10.7,7.1c0.5-2.1,0.9-4.2,1.3-6.4c1-4.8,1.4-9.6,1.5-14.5c0-0.4,0-0.8,0.3-1.1c0.8-0.9,1.7-1.7,2.6-2.5
- c4.3-4.1,9.1-7.8,14.3-10.7C152.8,527.6,154.6,526.9,156.4,526.1z M42.3,526.1c-0.7-0.3-1.4-0.7-2.2-0.9c0,7.5,2.1,14.9,5.2,21.7
- c0.6,1.4,1.3,2.9,2,4.3c0.2,0.6,0.9,0.9,1.4,1.2c2.8,1.2,5.5,2.6,8.1,4.2c3.7,2.1,7.1,4.7,10.7,7.1c-0.5-2.1-0.9-4.2-1.3-6.4
- c-1-4.8-1.4-9.6-1.5-14.5c0-0.4,0-0.8-0.3-1.1c-0.8-0.9-1.7-1.7-2.6-2.5c-4.3-4.1-9.1-7.8-14.3-10.7
- C45.8,527.6,44.1,526.9,42.3,526.1z"/>
- <path class="st9" d="M175,567.8c0.4,0,0.7-0.1,1.1-0.1c-1.9,3.7-3.8,7.4-5.7,11.1c-4.6,9-10.2,17.6-17,25.2
- c-2.4,2.7-5.5,4.5-8.6,6.2c-4.6,2.4-9.5,4.1-14.5,5.3c-8.6,2.2-17.5,3.2-26.4,3.6c-1.3,0-2.5,0.1-3.8,0.1
- c9.2-12.3,19.6-24,31.8-33.5c6.3-4.8,13.1-9,20.4-12.2c5.5-2.3,11.2-3.9,17.1-4.9C171.2,568.3,173.1,568.1,175,567.8z M23.7,567.8
- c-0.4,0-0.7-0.1-1.1-0.1c1.9,3.7,3.8,7.4,5.7,11.1c4.6,9,10.2,17.6,17,25.2c2.4,2.7,5.5,4.5,8.6,6.2c4.6,2.4,9.5,4.1,14.5,5.3
- c8.6,2.2,17.5,3.2,26.4,3.6c1.3,0,2.5,0.1,3.8,0.1c-9.2-12.3-19.6-24-31.8-33.5c-6.3-4.8-13.1-9-20.4-12.2
- c-5.5-2.3-11.2-3.9-17.1-4.9C27.5,568.3,25.6,568.1,23.7,567.8z M69.8,542.5c-0.6-0.5-1.3-1.1-2.1-1.5c-1.5,9.1-1.8,18.4-1,27.6
- c0.5,5.3,1.4,10.6,3,15.6c0.2,0.5,0.3,1.1,0.7,1.6c0.4,0.6,1,1.1,1.6,1.5c1.8,1.4,3.5,3.1,5.2,4.6c2.3,2.2,4.6,4.5,6.8,6.8
- c2.3,2.4,4.5,5,6.7,7.5c2.4,2.9,5.2,5.8,7.5,8.7c0.8,0.9,0.2-14,0-16.6c-2.5-13.6-3.4-15.3-9.9-32.2c-3.2-8.2-9.6-15.1-15.9-21.2
- C71.5,544,70.6,543.3,69.8,542.5z M128.9,542.5c0.6-0.5,1.3-1.1,2.1-1.5c1.5,9.1,1.8,18.4,1,27.6c-0.5,5.3-1.4,10.6-3,15.6
- c-0.2,0.5-0.3,1.1-0.7,1.6c-0.4,0.6-1,1.1-1.6,1.5c-1.8,1.4-3.5,3.1-5.2,4.6c-2.3,2.2-4.6,4.5-6.8,6.8c-2.3,2.4-4.5,5-6.7,7.5
- c-2.4,2.9-4.8,5.8-7.1,8.6c-0.8,0.9-0.3-14.2-0.1-16.8c2-13.6,3.2-17.3,10.2-32.5c3.2-7,9-14.6,15.3-20.7
- C127.2,544,128.1,543.3,128.9,542.5z M99.8,525c1.8,1.9,3.3,4.2,4.6,6.5c4.7,8.2,6.7,19.2,6.6,29.6c-1.7,3.1-2.3,4.3-3.6,7.5
- c-2.1,5.3-4.1,10.7-5.4,16.3c-1.1,4.3-1.7,8.7-2.3,13c-0.1,0.4-0.1,0.7-0.2,1.1c-0.6-4.2-1.3-8.3-2.2-12.5
- c-0.8-3.7-4.9-15.7-5.9-18.1c-0.8-1.9-3.1-6.5-3.1-7.1c0.6-10.5,2.7-21.7,7.7-30.3C97.2,529,98.3,526.9,99.8,525z M156.4,546.1
- c0.7-0.3,1.4-0.7,2.2-0.9c0,7.5-2.1,14.9-5.2,21.7c-0.6,1.4-1.3,2.9-2,4.3c-0.2,0.6-0.9,0.9-1.4,1.2c-2.8,1.2-5.5,2.6-8.1,4.2
- c-3.7,2.1-7.1,4.7-10.7,7.1c0.5-2.1,0.9-4.2,1.3-6.4c1-4.8,1.4-9.6,1.5-14.5c0-0.4,0-0.8,0.3-1.1c0.8-0.9,1.7-1.7,2.6-2.5
- c4.3-4.1,9.1-7.8,14.3-10.7C152.8,547.6,154.6,546.9,156.4,546.1z M42.3,546.1c-0.7-0.3-1.4-0.7-2.2-0.9c0,7.5,2.1,14.9,5.2,21.7
- c0.6,1.4,1.3,2.9,2,4.3c0.2,0.6,0.9,0.9,1.4,1.2c2.8,1.2,5.5,2.6,8.1,4.2c3.7,2.1,7.1,4.7,10.7,7.1c-0.5-2.1-0.9-4.2-1.3-6.4
- c-1-4.8-1.4-9.6-1.5-14.5c0-0.4,0-0.8-0.3-1.1c-0.8-0.9-1.7-1.7-2.6-2.5c-4.3-4.1-9.1-7.8-14.3-10.7
- C45.8,547.6,44.1,546.9,42.3,546.1z"/>
-</g>
-</svg>
diff --git a/images/phone-features.png b/images/phone-features.png
deleted file mode 100644
index 94fbd4c..0000000
--- a/images/phone-features.png
+++ /dev/null
Binary files differ
diff --git a/images/phone-launcher.png b/images/phone-launcher.png
deleted file mode 100644
index aa191b6..0000000
--- a/images/phone-launcher.png
+++ /dev/null
Binary files differ
diff --git a/images/phone-multitasking.png b/images/phone-multitasking.png
deleted file mode 100644
index b33b81e..0000000
--- a/images/phone-multitasking.png
+++ /dev/null
Binary files differ
diff --git a/index.html b/index.html
index 5d860e4..e6fdc70 100644
--- a/index.html
+++ b/index.html
@@ -1,240 +1,713 @@
<!DOCTYPE html>
-<html>
+
+<html lang="en">
<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- PAGE settings -->
- <link rel="icon" href="favicon.ico">
<title>BlissRoms</title>
- <meta name="description" content="Open Source OS for all devices, based on AOSP">
- <meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
- <!-- CSS dependencies -->
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
- integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
- <script src="https://kit.fontawesome.com/7b4ed0a31a.js" crossorigin="anonymous"></script>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
- type="text/css">
- <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
- <link rel="stylesheet" href="neon.css">
- <link rel="stylesheet" href="css/style.css">
- <link rel="stylesheet" href="css/table.css">
- <script data-ad-client="ca-pub-7639560510014441" async
- src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta charset="utf-8" />
+ <meta property="twitter:card" content="summary_large_image" />
+ <style>
+ html {
+ line-height: 1.15;
+ }
+
+ body {
+ margin: 0;
+ }
+
+ * {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ }
+
+ p,
+ li,
+ ul,
+ pre,
+ div,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ margin: 0;
+ padding: 0;
+ }
+
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+ font-family: inherit;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ }
+
+ button,
+ select {
+ text-transform: none;
+ }
+
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+ -webkit-appearance: button;
+ }
+
+ button::-moz-focus-inner,
+ [type="button"]::-moz-focus-inner,
+ [type="reset"]::-moz-focus-inner,
+ [type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+ }
+
+ button:-moz-focus,
+ [type="button"]:-moz-focus,
+ [type="reset"]:-moz-focus,
+ [type="submit"]:-moz-focus {
+ outline: 1px dotted ButtonText;
+ }
+
+ a {
+ color: inherit;
+ text-decoration: inherit;
+ }
+
+ input {
+ padding: 2px 4px;
+ }
+
+ img {
+ display: block;
+ }
+ </style>
+
+ <!--swiper-->
+ <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
+
+ <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
+
+
+ <style>
+ html {
+ font-family: Inter;
+ font-size: 16px;
+ }
+
+ body {
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ text-transform: none;
+ letter-spacing: normal;
+ line-height: 1.15;
+ color: var(--dl-color-gray-black);
+ background-color: var(--dl-color-gray-white);
+
+ }
+ </style>
+ <link rel="shortcut icon" href="/playground_assets/bliss logo.svg" type="icon/png" sizes="32x32" />
+ <link rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
+ <link rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" />
+ <link rel="stylesheet" href="./styles/style.css" />
</head>
-<body class="">
- <!-- Navbar -->
- <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light">
- <div class="container pt-6">
- <a class="navbar-brand" href="#">
- <img src="images/bliss-brand-icon.png" width="50" class="d-inline-block align-top navbar-brand-image" alt="">
- </a>
- <div class="row">
- <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>BlissRoms</b></b></a></div>
+<body>
+ <div>
+ <link href="./styles/home.css" rel="stylesheet" />
+ <title>BlissRoms</title>
+ <meta name="description"
+ content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features." />
+ <meta property="og:title" content="BlissRoms" />
+ <meta property="og:description"
+ content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features." />
+ <div class="home-container">
+ <nav class="Navbar navbar-fixed rootClassName">
+ <img alt="logo" src="../public/playground_assets/nav_logo.svg" class="navbar-image" />
+ <div class="navbar-container">
+ <nav class="navbar-nav-elements-desktop">
+ <a href="/home.html" class="navbar-navlink">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Home</span>
+ </span>
+ </div>
+ </a>
+ <a href="/home.html" class="navbar-navlink1">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Features</span>
+ </span>
+ </div>
+ </a>
+ <a href="/team.html" class="navbar-navlink2">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Team</span>
+ </span>
+ </div>
+ </a>
+ <a href="https://bliss-family-store.creator-spring.com/" target="_blank" rel="noreferrer noopener"
+ class="navbar-link">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Gear</span>
+ </span>
+ </div>
+ </a>
+ <a href="https://docs.blissroms.org/" target="_blank" rel="noreferrer noopener" class="navbar-link1">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Docs</span>
+ </span>
+ </div>
+ </a>
+ </nav>
+ </div>
+ <a href="#downloads">
+ <div class="navbar-btn-group">
+ <div class="button-container rootClassName4">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar-burger-menu teleport-menu-burger">
+ <svg viewBox="0 0 1024 1024" class="navbar-icon">
+ <path
+ d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z">
+ </path>
+ </svg>
+ </div>
+ <nav class="navbar-nav-elements-mobile teleport-menu-mobile">
+ <a href="/home.html" class="navbar-navlink3 h4-28 mb-12 navelement">
+ <span>Home</span>
+ </a>
+ <a href="#features" class="navbar-link3 h4-28 mb-12 navelement">
+ <span>Features</span>
+ </a>
+ <a href="/team.html" class="navbar-navlink4 h4-28 mb-12 navelement">
+ <span>Team</span>
+ </a>
+ <span class="navbar-text h4-28 mb-12 navelement">
+ <span>Gear</span>
+ </span>
+ <span class="navbar-text1 mb-12 navelement h4-28">
+ <span>Blog</span>
+ </span>
+ <a href="#downloads">
+ <div class="navbar-btn-group1">
+ <div class="button-container rootClassName4">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar-container1 teleport-menu-close">
+ <svg viewBox="0 0 804.5714285714286 1024" class="navbar-icon2">
+ <path d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z">
+ </path>
+ </svg>
+ </div>
+ </nav>
+ </nav>
+ <div class="home-hero">
+ <span class="home-text">Bliss Rom</span>
+ <span class="home-text01 h6-20">
+ An open-source operating system based on Android with
+ customizations, options and added security features.
+ </span>
+ <img alt="image" src="public/playground_assets/phone_img-1500h.png" loading="lazy" class="home-image" />
</div>
- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
- data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="true"
- aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
- <div class="navbar-collapse text-center justify-content-end collapse" id="navbar2SupportedContent">
- <ul class="navbar-nav">
- <li class="nav-item mx-2">
- <a class="nav-link" href="#features"><b><b>Features</b></b></a>
- </li>
- </ul>
- <a class="btn navbar-btn mx-2 btn-primary" href="#download"><b><b>Download</b></b></a>
- </div>
- </div>
- </nav>
- <!-- Cover -->
- <div class="bg-light pt-5 pb-5">
- <div class="container pt-5">
- <div class="row">
- <div class="col-md-5">
- <div class="col-md-12">
- <h1 class="heading display-3 mb-4">BlissRoms</h1>
- <p class="lead">An open-source operating system based on Android with customizations, options and added
- security features. <br></p>
- <div class="d-inline-flex justify-content-center align-items-center mx-auto">
- <a href="#download"
- class="btn btn-lg btn-primary d-inline-flex justify-content-center align-items-center mx-auto">Download
- Now</a>
+ <div id="features" class="home-features-section">
+ <div class="home-featuresheader">
+ <span class="home-text02 h4-28">It’s more than what you think</span>
+ <span class="home-text03 body-16">
+ A comprehesive overview of features
+ </span>
+ </div>
+ <div class="home-features">
+ <div class="home-sec-bb">
+ <div class="home-security">
+ <svg viewBox="0 0 1024 1024" class="home-icon">
+ <path
+ d="M512 42l384 172v256q0 178-110 325t-274 187q-164-40-274-187t-110-325v-256zM512 512v382q118-38 200-143t98-239h-298zM512 512v-376l-298 132v244h298z">
+ </path>
+ </svg>
+ <span class="home-text04 h6-20">Added Security</span>
+ <span class="home-text05 body-12">
+ We include many options for customization and theming
+ throughout the OS
+ </span>
+ </div>
+ <div class="home-battery">
+ <svg viewBox="0 0 1024 1024" class="home-icon02">
+ <path
+ d="M213.333 725.333h-85.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165v-341.333c0-11.776 4.736-22.4 12.501-30.165s18.389-12.501 30.165-12.501h136.107c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-136.107c-35.328 0-67.413 14.379-90.496 37.504s-37.504 55.168-37.504 90.496v341.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h85.333c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667zM640 298.667h85.333c11.776 0 22.4 4.736 30.165 12.501s12.501 18.389 12.501 30.165v341.333c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-136.107c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667h136.107c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-341.333c0-35.328-14.379-67.413-37.504-90.496s-55.168-37.504-90.496-37.504h-85.333c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM1024 554.667v-85.333c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v85.333c0 23.552 19.115 42.667 42.667 42.667s42.667-19.115 42.667-42.667zM433.835 232.32l-170.667 256c-13.056 19.627-7.765 46.080 11.819 59.179 7.339 4.907 15.659 7.211 23.68 7.168h176.256l-126.464 189.653c-13.056 19.627-7.765 46.080 11.819 59.179s46.080 7.765 59.179-11.819l170.667-256c4.523-6.656 7.211-14.848 7.211-23.68 0-23.552-19.115-42.667-42.667-42.667h-176.256l126.464-189.653c13.056-19.627 7.765-46.080-11.819-59.179s-46.080-7.765-59.179 11.819z">
+ </path>
+ </svg>
+ <span class="home-text06 h6-20">Battery-friendly</span>
+ <span class="home-text07 body-12">
+ Extra options are provided to help tune battery consumption to
+ the best levels
+ </span>
+ </div>
+ </div>
+ <div class="home-design-settings">
+ <div class="home-focusondesign">
+ <svg viewBox="0 0 1024 1024" class="home-icon04">
+ <path
+ d="M1018.17 291.89l-286.058-286.058c-9.334-9.334-21.644-7.234-27.356 4.666l-38.354 79.904 267.198 267.198 79.904-38.354c11.9-5.712 14-18.022 4.666-27.356z">
+ </path>
+ <path
+ d="M615.384 135.384l-263.384 21.95c-17.5 2.166-32.080 5.898-37.090 28.752-0.006 0.024-0.012 0.042-0.018 0.066-71.422 343.070-314.892 677.848-314.892 677.848l57.374 57.374 271.986-271.99c-5.996-12.53-9.36-26.564-9.36-41.384 0-53.020 42.98-96 96-96s96 42.98 96 96-42.98 96-96 96c-14.82 0-28.852-3.364-41.384-9.36l-271.988 271.986 57.372 57.374c0 0 334.778-243.47 677.848-314.892 0.024-0.006 0.042-0.012 0.066-0.018 22.854-5.010 26.586-19.59 28.752-37.090l21.95-263.384-273.232-273.232z">
+ </path>
+ </svg>
+ <span class="home-text08 h6-20">Focus on design</span>
+ <span class="home-text09 body-12">
+ We include many options for customization and theming
+ throughout the OS
+ </span>
+ </div>
+ <img alt="image" src="public/playground_assets/bliss_logo.svg" class="home-image1" />
+ <div class="home-settings">
+ <svg viewBox="0 0 1024 1024" class="home-icon07">
+ <path
+ d="M512 662q62 0 106-44t44-106-44-106-106-44-106 44-44 106 44 106 106 44zM830 554l90 70q14 10 4 28l-86 148q-8 14-26 8l-106-42q-42 30-72 42l-16 112q-4 18-20 18h-172q-16 0-20-18l-16-112q-38-16-72-42l-106 42q-18 6-26-8l-86-148q-10-18 4-28l90-70q-2-14-2-42t2-42l-90-70q-14-10-4-28l86-148q8-14 26-8l106 42q42-30 72-42l16-112q4-18 20-18h172q16 0 20 18l16 112q38 16 72 42l106-42q18-6 26 8l86 148q10 18-4 28l-90 70q2 14 2 42t-2 42z">
+ </path>
+ </svg>
+ <span class="home-text10 h6-20">Customized settings</span>
+ <span class="home-text11 body-12">
+ Choose settings depending on the criteria you value the most.
+ With no limits.
+ </span>
+ </div>
+ </div>
+ <div class="home-perf-comp">
+ <div class="home-performance">
+ <svg viewBox="0 0 1024 1024" class="home-icon09">
+ <path
+ d="M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM302.836 834.152c11.106-30.632 17.164-63.688 17.164-98.152 0-124.35-78.81-230.292-189.208-270.606 10.21-84.924 48.254-163.498 109.678-224.924 72.53-72.526 168.96-112.47 271.53-112.47s199 39.944 271.53 112.47c61.428 61.426 99.468 140 109.682 224.924-110.402 40.314-189.212 146.256-189.212 270.606 0 34.468 6.060 67.52 17.166 98.15-61.706 40.242-133.77 61.85-209.166 61.85-75.394 0-147.458-21.608-209.164-61.848zM551.754 640.996c13.878 3.494 24.246 16.080 24.246 31.004v64c0 17.6-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32v-64c0-14.924 10.368-27.51 24.246-31.004l23.754-448.996h32l23.754 448.996z">
+ </path>
+ </svg>
+ <span class="home-text12 h6-20">Performance</span>
+ <span class="home-text13 body-12">
+ Focused on speed and stability with tweaks to assist in the
+ most demanding applications
+ </span>
+ </div>
+ <div class="home-compatibility">
+ <img alt="image" src="public/playground_assets/compatibility.svg" class="home-image2" />
+ <span class="home-text14 h6-20">Compatibility</span>
+ <span class="home-text15 body-12">
+ We bring Bliss to every device we own. And our PC builds
+ include extras for ARM/ARM64 app compatibility
+ </span>
</div>
</div>
</div>
- <div class="d-flex justify-content-center align-items-center flex-grow-1" align="center"
- style="max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-flex;float: none; margin-top: -8%;">
- <div class="d-inline-flex justify-content-center align-items-center mt-4">
- <img class="img-fluid my-auto" src="images/phone-launcher.png" width="50%">
+ </div>
+ <div class="home-stats">
+ <div class="home-stat">
+ <svg viewBox="0 0 1152 1024" class="home-icon11">
+ <path
+ d="M768 770.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z">
+ </path>
+ <path
+ d="M327.196 795.328c55.31-36.15 124.080-63.636 199.788-80.414-15.054-17.784-28.708-37.622-40.492-59.020-30.414-55.234-46.492-116.058-46.492-175.894 0-86.042 0-167.31 30.6-233.762 29.706-64.504 83.128-104.496 159.222-119.488-16.914-76.48-61.94-126.75-181.822-126.75-192 0-192 128.942-192 288 0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h279.006c14.518-12.91 30.596-25.172 48.19-36.672z">
+ </path>
+ </svg>
+ <span class="home-text16">Maintainer</span>
+ <span class="home-text17">Total no of maintainers</span>
+ <h1 class="home-text18 h3-48"><span>35</span></h1>
+ </div>
+ <div class="home-stat1">
+ <svg viewBox="0 0 1024 1024" class="home-icon14">
+ <path d="M214 768h596v86h-596v-86zM810 384l-298 298-298-298h170v-256h256v256h170z"></path>
+ </svg>
+ <span class="home-text20">Downloads</span>
+ <span class="home-text21">Total no of downloads</span>
+ <h1 class="home-text22 h3-48"><span>7.2k</span></h1>
+ </div>
+ <div class="home-stat2">
+ <svg viewBox="0 0 1024 1024" class="home-icon16">
+ <path
+ d="M938 726v-300h-170v300h170zM982 342q18 0 30 12t12 30v426q0 18-12 31t-30 13h-256q-18 0-31-13t-13-31v-426q0-18 13-30t31-12h256zM170 256v470h428v128h-598v-128h86v-470q0-34 25-60t59-26h768v86h-768z">
+ </path>
+ </svg>
+ <span class="home-text24">Devices</span>
+ <span class="home-text25">total no of supported devices</span>
+ <h1 class="home-text26 h3-48"><span>37</span></h1>
+ </div>
+ </div>
+ <div id="downloads" class="home-downloads">
+ <h1 class="h4-28"><span class="home-text29">Downloads</span></h1>
+ <span class="home-text30 body-12">
+ <span>
+ Open source software is code that is designed to be publicly
+ accessible
+ </span>
+ <span>
+ anyone can see, modify, and distribute the code as they see fit.
+ </span>
+ </span>
+ <div class="home-container1">
+ <div class="home-container2">
+ <div class="home-p-c">
+ <h1 class="home-text33 h5-24">Bliss OS for pc</h1>
+ <span class="home-text34 body-12">
+ <span>
+ An Open Source OS, based on Android for PC's &
+ Tablets
+ </span>
+ </span>
+ <span class="home-text36 body-12"></span>
+ <a href="https://blissos.org/" target="_blank" rel="noreferrer noopener" class="home-link">
+ <div class="button-container rootClassName4">
+ <span class="button-text body-16">
+ <span>Bliss OS</span>
+ </span>
+ </div>
+ </a>
+ <a href="https://android-generic.github.io/" target="_blank" rel="noreferrer noopener" class="home-link1">
+ <div class="button-container rootClassName4">
+ <span class="button-text body-16">
+ <span>Android Generic</span>
+ </span>
+ </div>
+ </a>
+ </div>
+ </div>
+ <div class="home-rom">
+ <h1 class="home-text37 h5-24">Bliss Rom for mobile</h1>
+ <span class="home-text38 body-12">
+ <span>An open-source operating system based on Android</span>
+ </span>
+ <a href="https://downloads.blissroms.org/" target="_blank" rel="noreferrer noopener" class="home-link2">
+ <div class="button-container rootClassName4">
+ <span class="button-text body-16">
+ <span>Bliss Rom</span>
+ </span>
+ </div>
+ </a>
+ <div class="home-container3">
+ <a href="https://sourceforge.net/projects/blissroms/files/https://sourceforge.net/projects/blissroms/files/"
+ target="_blank" rel="noreferrer noopener" class="home-link3">
+ <div class="button_nofill-container rootClassName">
+ <span class="button_nofill-text body-16">
+ <span>Earlier Builds</span>
+ </span>
+ </div>
+ </a>
+ </div>
</div>
</div>
</div>
- </div>
- </div>
- <!-- Features Section -->
- <div class="py-5 bg-light" id="features">
- <div class="container">
- <div class="row">
- <div class="col-12 text-center">
- <h3 class="display-3">Features</h3>
- </div>
- </div>
- <div class="row">
- <div class="align-self-center text-md-right text-center col-lg-4 col-md-6">
- <h4 class="text-primary"><b>Focus on design</b></h4>
- <p class="mb-5 text-black">We include many options for customization and theming throughout the OS</p>
- <h4 class="text-primary"><b>Customized settings</b></h4>
- <p class="mb-5 text-black">Choose settings depending on the criteria you value the most. With no limits.</p>
- <h4 class="text-primary"><b>Performance</b></h4>
- <p class="mb-5 text-black">Focused on speed and stability with tweaks to assist in the most demanding
- applications</p>
- </div>
- <div class="my-3 d-none d-lg-block animate-in-down col-md-4">
- <img class="img-fluid d-block" src="images/phone-features.png">
- </div>
- <div class="align-self-center text-md-left text-center col-lg-4 col-md-6">
- <h4 class="text-primary"><b>Battery-friendly</b></h4>
- <p class="mb-5 text-black">Extra options are provided to help tune battery consumption to the best levels</p>
- <h4 class="text-primary"><b>Added Security</b></h4>
- <p class="mb-5 text-black">Additional security options and features are found throughout the OS. And AOSP
- security updates are merged regularly.</p>
- <h4 class="text-primary"><b>Compatibility</b></h4>
- <p class="mb-5 text-black">We bring Bliss to every device we own. And our PC builds include extras for
- ARM/ARM64 app compatibility </p>
- </div>
- </div>
- </div>
- </div>
- <!-- 501(c3) Non-profit Notice Section -->
- <div class="section bg-light">
- <div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4">
- <div class="row">
- <div class="col-md-6 text-left mx-auto flex-center">
- <div>
- <h2 class="my-3 highlight_secondary team-header text-black no-wrap">We volunteer our time.</h2>
- <p class="mb-3 body-font">We are a 501(c3) nonprofit, run by people that donate their free time towards the
- project. We do our best to bring a quality OS to your device, while working a real job on the side in most
- cases. Please consider showing us we're on the right track by clicking the button below and making a small
- contribution towards our efforts.</p> <a
- href="https://www.paypal.com/donate?hosted_button_id=J5SLZ7MQNCT24" target="_blank"
- class="btn btn-primary">Buy Us a Coffee</a>
+
+
+ <!--Images-->
+ <div class="swiper mySwiper">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <img src="./screenshots/1.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/2.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/3.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/4.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/10.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/6.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/7.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/8.jpg" />
+ </div>
+ <div class="swiper-slide">
+ <img src="./screenshots/9.jpg" />
</div>
</div>
- <div class="col-md-5 py-5 offset-1"><img
- class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right"
- src="images/coffee-break.svg" width="300"></div>
+ <div class="swiper-pagination"></div>
</div>
- </div>
- </div>
- <!-- Downloads Section -->
- <div class="download-section bg-light mb-0 mt-0" id="download">
- <div class="container py-5">
- <div class="row">
- <div class="col-md-6 order-2 order-md-1 mt-4"> <img class="img-fluid d-block mx-auto"
- src="images/phone-multitasking.png" width="50%"> </div>
- <div class="px-md-5 col-md-6 d-flex flex-column align-items-start justify-content-center order-1 order-md-2">
- <h3 class="heading display-3 mb-4">Downloads</h3>
- <img
- src="https://img.shields.io/sourceforge/dm/blissroms.svg?style=for-the-badge&logo=appveyor&colorB=blue"
- max-width="160px" width="50%">
- <p class="mb-3">
- </p>
- <div id="demo">
- <br>
- <a class="btn btn-primary mx-1 mb-3" href="https://downloads.blissroms.org">Go to Downloads <i
- class="fa fa-link"></i></a>
- <hr width="100%" size="8" align="left">
- <h2>Looking for our PC builds?</h2>
- <br>
- <a class="btn mb-3 btn-dark" target="_blank" href="https://blissos.org">Bliss OS</a>
- <a class="btn mb-3 btn-dark" target="_blank" href="https://android-generic.github.io">Android-Generic</a>
- <p></p>
- <hr width="100%" size="8" align="left">
- <h2>Legacy Downloads</h2>
- <br>
- <a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/Q/">Android 10 (Q) device
- builds</a><br>
- <a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/Pie/">Android 9 (Pie) device
- builds</a><br>
- <a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/GSI/">Android 9 (Pie) GSI
- builds</a>
- <p></p>
+
+ <!-- Swiper JS -->
+ <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+
+ <!-- Initialize Swiper -->
+ <script>
+ var swiper = new Swiper(".mySwiper", {
+ effect: "coverflow",
+ grabCursor: true,
+ centeredSlides: true,
+ slidesPerView: "auto",
+ coverflowEffect: {
+ rotate: 50,
+ stretch: 0,
+ depth: 100,
+ modifier: 1,
+ slideShadows: true,
+ },
+ pagination: {
+ el: ".swiper-pagination",
+ },
+ navigation: {
+ nextEl: '.swiper-button-next',
+ prevEl: '.swiper-button-prev',
+
+ },
+ });
+ </script>
+
+
+
+
+ <div class="home-joinbliss">
+ <div class="home-container4">
+ <h1 class="home-text40 h3-36">Join Bliss</h1>
+ <h1 class="home-text41 body-16">
+ <span class="home-text42">
+ We are accepting applications for maintainer and team
+ </span>
+ </h1>
+ </div>
+ <a href="https://docs.google.com/forms/d/1NbZ0mDqYoTnGbqLcd_XXt8d_SwQ2erxIAEWXHzhElS0/viewform" target="_blank"
+ rel="noreferrer noopener" class="home-link4 button-14 join button">
+ Join
+ </a>
+ </div>
+ <footer id="footer" class="footer-footer rootClassName1">
+ <div class="footer-container">
+ <div class="footer-logo">
+ <div class="footer-logo1">
+ <img alt="logo" src="../public/playground_assets/bliss%20logo1.svg" class="footer-image" />
+ <span class="footer-text body-16"><span>Bliss Rom</span></span>
+ </div>
+ <span class="footer-text02">
+ <span>
+ <span>
+ An open-source operating system based on Android with
+ customizations, options and added security features.
+ </span>
+ </span>
+ </span>
+ </div>
+ <div class="footer-links-container">
+ <div class="footer-container1">
+ <div class="footer-community-container">
+ <span class="footer-text05">Community</span>
+ <a href="https://t.me/Team_Bliss_Community" target="_blank" rel="noreferrer noopener"
+ class="footer-link Footerlink">
+ <span>BlissRoms Telegram</span>
+ <br />
+ <span></span>
+ </a>
+ <a href="https://t.me/blissx86" target="_blank" rel="noreferrer noopener"
+ class="footer-link01 Footerlink">
+ Bliss OS Telegram
+ </a>
+ <a href="https://discord.gg/wwc4Aua4fp" target="_blank" rel="noreferrer noopener"
+ class="footer-link02 Footerlink">
+ Bliss Discord
+ </a>
+ </div>
+ <div class="footer-sources-container">
+ <span class="footer-text08">Sources</span>
+ <span class="Footerlink">BlissRoms Gerrit Review</span>
+ <a href="https://review-x86.blissroms.com/" target="_blank" rel="noreferrer noopener"
+ class="footer-link03 Footerlink">
+ <span>Bliss OS (x86) Gerrit Review</span>
+ <br />
+ <span></span>
+ </a>
+ <a href="https://github.com/BlissRoms" target="_blank" rel="noreferrer noopener"
+ class="footer-link04 Footerlink">
+ BlissRoms GitHub
+ </a>
+ <a href="https://github.com/BlissRoms-Devices" target="_blank" rel="noreferrer noopener"
+ class="footer-link05 Footerlink">
+ BlissRoms-Devices GitHub
+ </a>
+ <a href="https://github.com/BlissRoms-x86" target="_blank" rel="noreferrer noopener"
+ class="footer-link06 Footerlink">
+ Bliss OS GitHub
+ </a>
+ <a href="https://github.com/BlissRoms-pine64" target="_blank" rel="noreferrer noopener"
+ class="footer-link07 Footerlink">
+ BlissRoms-PINE64 GitHub
+ </a>
+ </div>
+ </div>
+ <div class="footer-container2">
+ <div class="footer-contact">
+ <span class="footer-text12 footer-Text-Style">Links</span>
+ <a href="https://blissroms.org/team.html" target="_blank" rel="noreferrer noopener"
+ class="footer-link08 Footerlink">
+ Team members
+ </a>
+ <a href="https://status.blissroms.org/" target="_blank" rel="noreferrer noopener"
+ class="footer-link09 Footerlink">
+ Status
+ </a>
+ <a href="https://blog.blissroms.org/" target="_blank" rel="noreferrer noopener"
+ class="footer-link10 Footerlink">
+ Blog
+ </a>
+ </div>
+ <div class="footer-socials">
+ <span class="footer-text13 footer-Text-Style">Follow Us</span>
+ <div class="footer-icon-group">
+ <a href="https://twitter.com/stayblissful" target="_blank" rel="noreferrer noopener"
+ class="footer-link11">
+ <svg viewBox="0 0 950.8571428571428 1024" class="icons">
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z">
+ </path>
+ </svg>
+ </a>
+ <a href="https://www.instagram.com/blissroms/" target="_blank" rel="noreferrer noopener"
+ class="footer-link12">
+ <svg viewBox="0 0 877.7142857142857 1024" class="footer-icon02 icons">
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z">
+ </path>
+ </svg>
+ </a>
+ <a href="https://github.com/BlissRoms" target="_blank" rel="noreferrer noopener"
+ class="footer-link13">
+ <svg viewBox="0 0 877.7142857142857 1024" class="footer-icon04 icons">
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z">
+ </path>
+ </svg>
+ </a>
+ <a href="https://t.me/BlissROM_Updates" target="_blank" rel="noreferrer noopener"
+ class="footer-link14">
+ <svg viewBox="0 0 1024 1024" class="footer-icon06 icons">
+ <path
+ d="M679.429 746.857l84-396c7.429-34.857-12.571-48.571-35.429-40l-493.714 190.286c-33.714 13.143-33.143 32-5.714 40.571l126.286 39.429 293.143-184.571c13.714-9.143 26.286-4 16 5.143l-237.143 214.286-9.143 130.286c13.143 0 18.857-5.714 25.714-12.571l61.714-59.429 128 94.286c23.429 13.143 40 6.286 46.286-21.714zM1024 512c0 282.857-229.143 512-512 512s-512-229.143-512-512 229.143-512 512-512 512 229.143 512 512z">
+ </path>
+ </svg>
+ </a>
+ <a href="https://www.linkedin.com/company/stayblissful" target="_blank" rel="noreferrer noopener"
+ class="footer-link15">
+ <svg viewBox="0 0 877.7142857142857 1024" class="footer-icon08 icons">
+ <path
+ d="M135.429 808h132v-396.571h-132v396.571zM276 289.143c-0.571-38.857-28.571-68.571-73.714-68.571s-74.857 29.714-74.857 68.571c0 37.714 28.571 68.571 73.143 68.571h0.571c46.286 0 74.857-30.857 74.857-68.571zM610.286 808h132v-227.429c0-121.714-65.143-178.286-152-178.286-70.857 0-102.286 39.429-119.429 66.857h1.143v-57.714h-132s1.714 37.143 0 396.571v0h132v-221.714c0-11.429 0.571-23.429 4-32 9.714-23.429 31.429-48 68-48 47.429 0 66.286 36 66.286 89.714v212zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z">
+ </path>
+ </svg>
+ </a>
+ <a href="https://www.reddit.com/r/BlissRoms" target="_blank" rel="noreferrer noopener"
+ class="footer-link16">
+ <svg viewBox="0 0 1024 1024" class="icons footer-icon10">
+ <path
+ d="M1024 483.429c0 44.571-25.143 82.857-62.286 101.714 4.571 17.714 6.857 36 6.857 54.857 0 180.571-204 326.857-455.429 326.857-250.857 0-454.857-146.286-454.857-326.857 0-18.286 2.286-36.571 6.286-53.714-38.286-18.857-64.571-57.714-64.571-102.857 0-62.857 50.857-113.714 113.714-113.714 32.571 0 61.714 13.714 82.857 36 77.143-53.714 180-88.571 294.286-92.571l66.286-297.714c2.286-10.286 13.143-17.143 23.429-14.857l210.857 46.286c13.714-27.429 42.857-46.857 76-46.857 47.429 0 85.714 38.286 85.714 85.143 0 47.429-38.286 85.714-85.714 85.714-46.857 0-85.143-38.286-85.143-85.143l-190.857-42.286-59.429 269.714c114.857 3.429 218.857 37.714 296.571 91.429 20.571-21.714 49.714-34.857 81.714-34.857 62.857 0 113.714 50.857 113.714 113.714zM238.857 597.143c0 47.429 38.286 85.714 85.143 85.714 47.429 0 85.714-38.286 85.714-85.714 0-46.857-38.286-85.143-85.714-85.143-46.857 0-85.143 38.286-85.143 85.143zM701.714 800c8.571-8.571 8.571-21.143 0-29.714-8-8-21.143-8-29.143 0-34.286 34.857-108 46.857-160.571 46.857s-126.286-12-160.571-46.857c-8-8-21.143-8-29.143 0-8.571 8-8.571 21.143 0 29.714 54.286 54.286 158.857 58.286 189.714 58.286s135.429-4 189.714-58.286zM700 682.857c46.857 0 85.143-38.286 85.143-85.714 0-46.857-38.286-85.143-85.143-85.143-47.429 0-85.714 38.286-85.714 85.143 0 47.429 38.286 85.714 85.714 85.714z">
+ </path>
+ </svg>
+ </a>
+ </div>
+ </div>
+ </div>
</div>
</div>
- </div>
- </div>
- </div>
- <!-- Footer -->
- <div class="py-3 bg-light">
- <div class="container">
- <div class="row">
- <div class="col-lg-3 col-6 p-3">
- <h5> <b>Community</b></h5>
- <ul class="list-unstyled text-primary">
- <li class="text-primary"> <a href="https://t.me/Team_Bliss_Community">BlissRoms Telegram</a> </li>
- <li> <a href="https://t.me/blissx86">Bliss OS Telegram</a> </li>
- <li> <a href="https://discord.gg/wwc4Aua4fp">Bliss Discord</a> </li>
- </ul>
- </div>
- <div class="col-lg-3 col-6 p-3">
- <h5> <b>Sources</b></h5>
- <ul class="list-unstyled text-primary">
- <li> <a href="https://review.blissroms.com">BlissRoms Gerrit Review</a> </li>
- <li> <a href="https://review-x86.blissroms.com">Bliss OS (x86) Gerrit Review</a> </li>
- <li> <a href="https://github.com/BlissRoms">BlissRoms GitHub</a> </li>
- <li> <a href="https://github.com/BlissRoms-Devices">BlissRoms-Devices GitHub</a> </li>
- <li> <a href="https://github.com/BlissRoms-x86">Bliss OS GitHub</a> </li>
- <li> <a href="https://github.com/BlissRoms-pine64">BlissRoms-PINE64 GitHub</a> </li>
- </ul>
- </div>
- <div class="col-lg-3 col-6 p-3">
- <h5> <b>Links</b></h5>
- <ul class="list-unstyled text-primary">
- <li> <a href="team.html">Team members</a> </li>
- <li> <a href="https://status.blissroms.org">Status</a> </li>
- <li> <a href="https://blog.blissroms.org">Blog</a> </li>
- </ul>
- </div>
- <div class="col-lg-3 col-md-3 p-3">
- <h5> <b>Follow us</b> </h5>
- <div class="row">
- <div class="col-md-12 d-flex align-items-center my-2 justify-content-center"> <a
- href="https://www.facebook.com/BlissFamilyOfROMs/" class="">
- <i class="d-block fa fa-facebook-official text-muted mr-2 fa-2x"></i>
- </a> <a href="https://www.instagram.com/blissroms/">
- <i class="d-block fa fa-instagram text-muted mx-2 fa-2x"></i>
- </a><a href="https://github.com/BlissRoms">
- <i class="d-block fa fa-github text-muted text-muted mx-2 fa-2x"></i>
- </a><a href="https://www.linkedin.com/company/stayblissful">
- <i class="d-block fa fa-linkedin text-muted text-muted mx-2 fa-2x"></i>
- </a> <a href="https://www.reddit.com/r/BlissRoms">
- <i class="d-block fa fa-reddit text-muted mx-2 fa-2x"></i>
- </a> <a href="https://twitter.com/stayblissful">
- <i class="d-block fa fa-twitter text-muted ml-2 fa-2x"></i>
- </a> </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12 text-center">
- <p class="mb-0 mt-2">© 2021 Made with ❤️ <a href="https://blisslabs.org/">by BlissLabs</a>. All rights
- reserved</p>
- </div>
- </div>
+ <div class="footer-separator"></div>
+ </footer>
</div>
</div>
- <!-- JavaScript dependencies -->
- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
- integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
- crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
- integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
- crossorigin="anonymous"></script>
- <!-- Script: Smooth scrolling between anchors in the same page -->
- <script src="js/smooth-scroll.js"></script>
+ <!--navbar-->
+ <script>
+
+ (function () {
+ class Menu {
+ init = () => {
+ this.listenForUrlChanges()
+ this.getMenuElementsAndAddEvents()
+ return this;
+ };
+
+ getMenuElementsAndAddEvents = () => {
+ const mobileMenuElement = document.getElementsByClassName('teleport-menu-mobile')[0]
+ const closeMenuElement = document.getElementsByClassName('teleport-menu-close')[0]
+ const burgerMenuElement = document.getElementsByClassName('teleport-menu-burger')[0]
+
+ if (!burgerMenuElement) {
+ teleport.log("We're missing an element with a 'teleport-menu-mobile' class.");
+ return;
+ }
+
+
+ if (!mobileMenuElement) {
+ teleport.error(
+ `We're missing an element with a 'teleport-menu-mobile' class.`
+ );
+ return;
+ }
+
+ if (!closeMenuElement) {
+ teleport.error(
+ `We're missing an element with a 'teleport-menu-mobile' class.'`
+ );
+ return;
+ }
+
+ mobileMenuElement.addEventListener("click", () => {
+ mobileMenuElement.classList.remove("teleport-menu-show");
+ })
+ burgerMenuElement.addEventListener("click", () => {
+ mobileMenuElement.classList.add("teleport-menu-show");
+ });
+ closeMenuElement.addEventListener("click", () => {
+ mobileMenuElement.classList.remove("teleport-menu-show");
+ });
+ };
+
+ listenForUrlChanges = () => {
+ let url = location.href;
+ document.addEventListener('click', () => {
+ requestAnimationFrame(() => {
+ if (url !== location.href) {
+ console.log('URL changed');
+ this.getMenuElementsAndAddEvents()
+ url = location.href
+ }
+ });
+ }, true);
+ }
+ }
+
+ const teleport = {
+ debug: false,
+ log: (msg, obj) => {
+ if (teleport.debug) {
+ console.log("teleport: " + msg, obj || "");
+ }
+ },
+ error: (msg, object) => {
+ console.error("teleport-error: " + msg, object);
+ },
+ Menu,
+ }
+
+ new Menu().init()
+ })()
+ </script>
</body>
-</html>
+</html>
\ No newline at end of file
diff --git a/js/maintainers.js b/js/maintainers.js
deleted file mode 100644
index 46a5680..0000000
--- a/js/maintainers.js
+++ /dev/null
@@ -1,18 +0,0 @@
-$.ajax({
- type: "GET",
- url: "https://api.blissroms.org/api/maintainers", // TeamBliss JSON
- success: function (data) {
- var newContent = ''; // Variable to hold HTML
- for (var i = 0; i < data.length; i++) { // Loop through object
- newContent += '<div id="event" class="team_item">';
- newContent += '<img class="image crop" src="' + data[i].avatar + '" ';
- newContent += 'alt="' + data[i].mname + '" />';
- newContent += '<h3><b>' + data[i].mname + '</b></h3>';
- newContent += '<p class="team_data_text font-weight-bold">' + data[i].device + '</p>';
- newContent += '<p class="team_data_text font-weight-bold"><i>"' + data[i].codename + '"</i></p>';
- newContent += '</div>';
- }
- // Update the page with the new content
- document.getElementById('content2').innerHTML = newContent;
- }
-})
\ No newline at end of file
diff --git a/js/smooth-scroll.js b/js/smooth-scroll.js
deleted file mode 100644
index 9e66e55..0000000
--- a/js/smooth-scroll.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * smooth-scroll.js 1.0.0
- * Make your page scrolling smooth
- * Requires JQuery - Does not work with JQuery slim
- * Based on https://css-tricks.com/snippets/jquery/smooth-scrolling/
- */
-
-(function() {
-
- var duration = 500
-
- $('a[href*="#"]')
- // Remove links that don't actually link to anything
- .not('[href="#"]')
- .click(function(event) {
- // On-page links
- if (
- location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
- &&
- location.hostname == this.hostname
- ) {
- // Figure out element to scroll to
- var target = $(this.hash);
- target = target.length ? target : $('[name=' + this.hash.slice(1) + ']')
- // Does a scroll target exist?
- if (target.length) {
- // Only prevent default if animation is actually gonna happen
- event.preventDefault()
-
- $('html, body').animate({
- scrollTop: target.offset().top
- },
- duration, function() {
- // Callback after animation
- // Must change focus!
- var $target = $(target);
- $target.focus();
- if ($target.is(":focus")) { // Checking if the target was focused
- return false;
- } else {
- $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
- $target.focus(); // Set focus again
- };
- });
- }
- }
- });
-
-})();
diff --git a/js/team.js b/js/team.js
deleted file mode 100644
index 2b6ba95..0000000
--- a/js/team.js
+++ /dev/null
@@ -1,17 +0,0 @@
-$.ajax({
- type: "GET",
- url: "https://api.blissroms.org/api/teambliss", // TeamBliss JSON
- success: function (data) {
- var newContent = ''; // Variable to hold HTML
- for (var i = 0; i < data.length; i++) { // Loop through object
- newContent += '<div id="event" class="team_item">';
- newContent += '<img class="image crop" src="' + data[i].avatar + '" ';
- newContent += 'alt="' + data[i].member + '" />';
- newContent += '<h3><b>' + data[i].member + '</b></h3>';
- newContent += '<p class="team_data_text font-weight-bold">' + data[i].designation + '</p>';
- newContent += '</div>';
- }
- // Update the page with the new content
- document.getElementById('content').innerHTML = newContent;
- }
-})
\ No newline at end of file
diff --git a/neon.css b/neon.css
deleted file mode 100644
index 855ee60..0000000
--- a/neon.css
+++ /dev/null
@@ -1,9849 +0,0 @@
-/*!
-* Neon Pingendo template (https://templates.pingendo.com)
-* Based on: Bootstrap v4.1.3 (https://getbootstrap.com)
-* Copyright 2014-2018 Pingendo (https://pingendo.com)
-*/
-@import url("https://fonts.googleapis.com/css?family=Montserrat:200");
-
-/*!
- * Bootstrap v4.1.3 (https://getbootstrap.com/)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-:root {
- --blue: #007bff;
- --indigo: #6610f2;
- --purple: #6f42c1;
- --pink: #e83e8c;
- --red: #dc3545;
- --orange: #fd7e14;
- --yellow: #ffc107;
- --green: #28a745;
- --teal: #20c997;
- --cyan: #17a2b8;
- --white: #fff;
- --gray: #6c757d;
- --gray-dark: #343a40;
- --primary: #0080ff;
- --secondary: #0060aa;
- --success: #28a745;
- --info: #00aaff;
- --warning: #ffc107;
- --danger: #dc3545;
- --light: #f3f3f3;
- --dark: #303030;
- --breakpoint-xs: 0;
- --breakpoint-sm: 576px;
- --breakpoint-md: 868px;
- --breakpoint-lg: 992px;
- --breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-*,
-*::before,
-*::after {
- box-sizing: border-box;
-}
-
-html {
- font-family: sans-serif;
- line-height: 1.15;
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
- -ms-overflow-style: scrollbar;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-@-ms-viewport {
- width: device-width;
-}
-
-article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
- display: block;
-}
-
-
-body {
- margin: 0;
- font-family: Montserrat;
- font-size: 0.85rem;
- font-weight: 200;
- line-height: 1.8;
- color: #222;
- text-align: left;
- background-color: #ffffff; }
-/*
-body {
- margin: 0;
- width: 100%;
- height: 100vh;
- font-family: Montserrat;
- font-size: 0.85rem;
- font-weight: 450;
- line-height: 1.8;
- color: #222;
- background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
- background-size: 400% 400%;
- -webkit-animation: gradientBG 15s ease infinite;
- animation: gradientBG 15s ease infinite;
-}
-
-@-webkit-keyframes gradientBG {
- 0% {
- background-position: 0% 50%;
- }
-
- 50% {
- background-position: 100% 50%;
- }
-
- 100% {
- background-position: 0% 50%;
- }
-}
-
-@keyframes gradientBG {
- 0% {
- background-position: 0% 50%;
- }
-
- 50% {
- background-position: 100% 50%;
- }
-
- 100% {
- background-position: 0% 50%;
- }
-}
-*/
-[tabindex="-1"]:focus {
- outline: 0 !important;
-}
-
-hr {
- box-sizing: content-box;
- height: 0;
- overflow: visible;
-}
-
-h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: 0.75rem;
-}
-
-p {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-abbr[title],
-abbr[data-original-title] {
- text-decoration: underline;
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
- cursor: help;
- border-bottom: 0;
-}
-
-address {
- margin-bottom: 1rem;
- font-style: normal;
- line-height: inherit;
-}
-
-ol,
-ul,
-dl {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
- margin-bottom: 0;
-}
-
-dt {
- font-weight: 700;
-}
-
-dd {
- margin-bottom: .5rem;
- margin-left: 0;
-}
-
-blockquote {
- margin: 0 0 1rem;
-}
-
-dfn {
- font-style: italic;
-}
-
-b,
-strong {
- font-weight: bolder;
-}
-
-small {
- font-size: 80%;
-}
-
-sub,
-sup {
- position: relative;
- font-size: 75%;
- line-height: 0;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -.25em;
-}
-
-sup {
- top: -.5em;
-}
-
-a {
- color: #0080ff;
- text-decoration: none;
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
-}
-
-a:hover {
- color: #0080ff;
- text-decoration: none;
-}
-
-a:not([href]):not([tabindex]) {
- color: inherit;
- text-decoration: none;
-}
-
-a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
- color: inherit;
- text-decoration: none;
-}
-
-a:not([href]):not([tabindex]):focus {
- outline: 0;
-}
-
-pre,
-code,
-kbd,
-samp {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 1em;
-}
-
-pre {
- margin-top: 0;
- margin-bottom: 1rem;
- overflow: auto;
- -ms-overflow-style: scrollbar;
-}
-
-figure {
- margin: 0 0 1rem;
-}
-
-img {
- vertical-align: middle;
- border-style: none;
-}
-
-svg {
- overflow: hidden;
- vertical-align: middle;
-}
-
-table {
- border-collapse: collapse;
-}
-
-caption {
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- color: #6c757d;
- text-align: left;
- caption-side: bottom;
-}
-
-th {
- text-align: inherit;
-}
-
-label {
- display: inline-block;
- margin-bottom: 0.5rem;
-}
-
-button {
- border-radius: 0;
-}
-
-button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
- margin: 0;
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
-}
-
-button,
-input {
- overflow: visible;
-}
-
-button,
-select {
- text-transform: none;
-}
-
-button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button;
-}
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- padding: 0;
- border-style: none;
-}
-
-input[type="radio"],
-input[type="checkbox"] {
- box-sizing: border-box;
- padding: 0;
-}
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- -webkit-appearance: listbox;
-}
-
-textarea {
- overflow: auto;
- resize: vertical;
-}
-
-fieldset {
- min-width: 0;
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-legend {
- display: block;
- width: 100%;
- max-width: 100%;
- padding: 0;
- margin-bottom: .5rem;
- font-size: 1.5rem;
- line-height: inherit;
- color: inherit;
- white-space: normal;
-}
-
-progress {
- vertical-align: baseline;
-}
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-[type="search"] {
- outline-offset: -2px;
- -webkit-appearance: none;
-}
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
- font: inherit;
- -webkit-appearance: button;
-}
-
-output {
- display: inline-block;
-}
-
-summary {
- display: list-item;
- cursor: pointer;
-}
-
-template {
- display: none;
-}
-
-[hidden] {
- display: none !important;
-}
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
- margin-bottom: 0.75rem;
- font-family: Montserrat;
- font-weight: 500;
- line-height: 1.2;
- color: inherit;
-}
-
-h1, .h1 {
- font-size: 2.125rem;
-}
-
-h2, .h2 {
- font-size: 1.7rem;
-}
-
-h3, .h3 {
- font-size: 1.4875rem;
-}
-
-h4, .h4 {
- font-size: 1.275rem;
-}
-
-h5, .h5 {
- font-size: 1.0625rem;
-}
-
-h6, .h6 {
- font-size: 0.85rem;
-}
-
-.lead {
- font-size: 1.3rem;
- font-weight: 300;
-}
-
-.display-1 {
- font-size: 6rem;
- font-weight: 300;
- line-height: 1.2;
-}
-
-.display-2 {
- font-size: 5.5rem;
- font-weight: 300;
- line-height: 1.2;
-}
-
-.display-3 {
- font-size: 4.5rem;
- font-weight: 300;
- line-height: 1.2;
-}
-
-.display-4 {
- font-size: 3.5rem;
- font-weight: 300;
- line-height: 1.2;
-}
-
-.body-font {
- font-size: 16px;
- line-height: 27px;
- letter-spacing: 1px;
-}
-
-hr {
- margin-top: 1.5rem;
- margin-bottom: 1.5rem;
- border: 0;
- border-top: 1px solid rgba(0, 128, 255, 0.75);
-}
-
-small,
-.small {
- font-size: 80%;
- font-weight: 200;
-}
-
-mark,
-.mark {
- padding: 0.2em;
- background-color: #fcf8e3;
-}
-
-.list-unstyled {
- padding-left: 0;
- list-style: none;
-}
-
-.list-unstyled a {
- color: white;
-}
-
-.list-inline {
- padding-left: 0;
- list-style: none;
-}
-
-.list-inline-item {
- display: inline-block;
-}
-
-.list-inline-item:not(:last-child) {
- margin-right: 0.5rem;
-}
-
-.initialism {
- font-size: 90%;
- text-transform: uppercase;
-}
-
-.blockquote {
- margin-bottom: 1.5rem;
- font-size: 1.0625rem;
-}
-
-.blockquote-footer {
- display: block;
- font-size: 80%;
- color: #6c757d;
-}
-
-.blockquote-footer::before {
- content: "\2014 \00A0";
-}
-
-.img-fluid {
- max-width: 100%;
- height: auto;
-}
-
-.img-thumbnail {
- padding: 0.25rem;
- background-color: #111;
- border: 1px solid #0080ff;
- border-radius: 0.75rem;
- max-width: 100%;
- height: auto;
-}
-
-.figure {
- display: inline-block;
-}
-
-.figure-img {
- margin-bottom: 0.75rem;
- line-height: 1;
-}
-
-.figure-caption {
- font-size: 90%;
- color: #6c757d;
-}
-
-code {
- font-size: 87.5%;
- color: #e83e8c;
- word-break: break-word;
-}
-
-a>code {
- color: inherit;
-}
-
-kbd {
- padding: 0.2rem 0.4rem;
- font-size: 87.5%;
- color: #fff;
- background-color: #212529;
- border-radius: 0.3rem;
-}
-
-kbd kbd {
- padding: 0;
- font-size: 100%;
- font-weight: 700;
-}
-
-pre {
- display: block;
- font-size: 87.5%;
- color: #212529;
-}
-
-pre code {
- font-size: inherit;
- color: inherit;
- word-break: normal;
-}
-
-.pre-scrollable {
- max-height: 340px;
- overflow-y: scroll;
-}
-
-.container {
- width: 100%;
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto;
-}
-
-@media (min-width: 576px) {
- .container {
- max-width: 540px;
- }
-}
-
-@media (min-width: 868px) {
- .container {
- max-width: 720px;
- }
-}
-
-@media (min-width: 992px) {
- .container {
- max-width: 960px;
- }
-}
-
-@media (min-width: 1200px) {
- .container {
- max-width: 1140px;
- }
-}
-
-.container-fluid {
- width: 100%;
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto;
-}
-
-.row {
- display: flex;
- flex-wrap: wrap;
- margin-right: -15px;
- margin-left: -15px;
-}
-
-.no-gutters {
- margin-right: 0;
- margin-left: 0;
-}
-
-.no-gutters>.col,
-.no-gutters>[class*="col-"] {
- padding-right: 0;
- padding-left: 0;
-}
-
-.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
-.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
-.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
-.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
-.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
-.col-xl-auto {
- position: relative;
- width: 100%;
- min-height: 1px;
- padding-right: 15px;
- padding-left: 15px;
-}
-
-.col {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
-}
-
-.col-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none;
-}
-
-.col-1 {
- flex: 0 0 8.33333%;
- max-width: 8.33333%;
-}
-
-.col-2 {
- flex: 0 0 16.66667%;
- max-width: 16.66667%;
-}
-
-.col-3 {
- flex: 0 0 25%;
- max-width: 25%;
-}
-
-.col-4 {
- flex: 0 0 33.33333%;
- max-width: 33.33333%;
-}
-
-.col-5 {
- flex: 0 0 41.66667%;
- max-width: 41.66667%;
-}
-
-.col-6 {
- flex: 0 0 50%;
- max-width: 50%;
-}
-
-.col-7 {
- flex: 0 0 58.33333%;
- max-width: 58.33333%;
-}
-
-.col-8 {
- flex: 0 0 66.66667%;
- max-width: 66.66667%;
-}
-
-.col-9 {
- flex: 0 0 75%;
- max-width: 75%;
-}
-
-.col-10 {
- flex: 0 0 83.33333%;
- max-width: 83.33333%;
-}
-
-.col-11 {
- flex: 0 0 91.66667%;
- max-width: 91.66667%;
-}
-
-.col-12 {
- flex: 0 0 100%;
- max-width: 100%;
-}
-
-.order-first {
- order: -1;
-}
-
-.order-last {
- order: 13;
-}
-
-.order-0 {
- order: 0;
-}
-
-.order-1 {
- order: 1;
-}
-
-.order-2 {
- order: 2;
-}
-
-.order-3 {
- order: 3;
-}
-
-.order-4 {
- order: 4;
-}
-
-.order-5 {
- order: 5;
-}
-
-.order-6 {
- order: 6;
-}
-
-.order-7 {
- order: 7;
-}
-
-.order-8 {
- order: 8;
-}
-
-.order-9 {
- order: 9;
-}
-
-.order-10 {
- order: 10;
-}
-
-.order-11 {
- order: 11;
-}
-
-.order-12 {
- order: 12;
-}
-
-.offset-1 {
- margin-left: 8.33333%;
-}
-
-.offset-2 {
- margin-left: 16.66667%;
-}
-
-.offset-3 {
- margin-left: 25%;
-}
-
-.offset-4 {
- margin-left: 33.33333%;
-}
-
-.offset-5 {
- margin-left: 41.66667%;
-}
-
-.offset-6 {
- margin-left: 50%;
-}
-
-.offset-7 {
- margin-left: 58.33333%;
-}
-
-.offset-8 {
- margin-left: 66.66667%;
-}
-
-.offset-9 {
- margin-left: 75%;
-}
-
-.offset-10 {
- margin-left: 83.33333%;
-}
-
-.offset-11 {
- margin-left: 91.66667%;
-}
-
-@media (min-width: 576px) {
- .col-sm {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
- }
-
- .col-sm-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none;
- }
-
- .col-sm-1 {
- flex: 0 0 8.33333%;
- max-width: 8.33333%;
- }
-
- .col-sm-2 {
- flex: 0 0 16.66667%;
- max-width: 16.66667%;
- }
-
- .col-sm-3 {
- flex: 0 0 25%;
- max-width: 25%;
- }
-
- .col-sm-4 {
- flex: 0 0 33.33333%;
- max-width: 33.33333%;
- }
-
- .col-sm-5 {
- flex: 0 0 41.66667%;
- max-width: 41.66667%;
- }
-
- .col-sm-6 {
- flex: 0 0 50%;
- max-width: 50%;
- }
-
- .col-sm-7 {
- flex: 0 0 58.33333%;
- max-width: 58.33333%;
- }
-
- .col-sm-8 {
- flex: 0 0 66.66667%;
- max-width: 66.66667%;
- }
-
- .col-sm-9 {
- flex: 0 0 75%;
- max-width: 75%;
- }
-
- .col-sm-10 {
- flex: 0 0 83.33333%;
- max-width: 83.33333%;
- }
-
- .col-sm-11 {
- flex: 0 0 91.66667%;
- max-width: 91.66667%;
- }
-
- .col-sm-12 {
- flex: 0 0 100%;
- max-width: 100%;
- }
-
- .order-sm-first {
- order: -1;
- }
-
- .order-sm-last {
- order: 13;
- }
-
- .order-sm-0 {
- order: 0;
- }
-
- .order-sm-1 {
- order: 1;
- }
-
- .order-sm-2 {
- order: 2;
- }
-
- .order-sm-3 {
- order: 3;
- }
-
- .order-sm-4 {
- order: 4;
- }
-
- .order-sm-5 {
- order: 5;
- }
-
- .order-sm-6 {
- order: 6;
- }
-
- .order-sm-7 {
- order: 7;
- }
-
- .order-sm-8 {
- order: 8;
- }
-
- .order-sm-9 {
- order: 9;
- }
-
- .order-sm-10 {
- order: 10;
- }
-
- .order-sm-11 {
- order: 11;
- }
-
- .order-sm-12 {
- order: 12;
- }
-
- .offset-sm-0 {
- margin-left: 0;
- }
-
- .offset-sm-1 {
- margin-left: 8.33333%;
- }
-
- .offset-sm-2 {
- margin-left: 16.66667%;
- }
-
- .offset-sm-3 {
- margin-left: 25%;
- }
-
- .offset-sm-4 {
- margin-left: 33.33333%;
- }
-
- .offset-sm-5 {
- margin-left: 41.66667%;
- }
-
- .offset-sm-6 {
- margin-left: 50%;
- }
-
- .offset-sm-7 {
- margin-left: 58.33333%;
- }
-
- .offset-sm-8 {
- margin-left: 66.66667%;
- }
-
- .offset-sm-9 {
- margin-left: 75%;
- }
-
- .offset-sm-10 {
- margin-left: 83.33333%;
- }
-
- .offset-sm-11 {
- margin-left: 91.66667%;
- }
-}
-
-@media (min-width: 868px) {
- .col-md {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
- }
-
- .col-md-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none;
- }
-
- .col-md-1 {
- flex: 0 0 8.33333%;
- max-width: 8.33333%;
- }
-
- .col-md-2 {
- flex: 0 0 16.66667%;
- max-width: 16.66667%;
- }
-
- .col-md-3 {
- flex: 0 0 25%;
- max-width: 25%;
- }
-
- .col-md-4 {
- flex: 0 0 33.33333%;
- max-width: 33.33333%;
- }
-
- .col-md-5 {
- flex: 0 0 41.66667%;
- max-width: 41.66667%;
- }
-
- .col-md-6 {
- flex: 0 0 50%;
- max-width: 50%;
- }
-
- .col-md-7 {
- flex: 0 0 58.33333%;
- max-width: 58.33333%;
- }
-
- .col-md-8 {
- flex: 0 0 66.66667%;
- max-width: 66.66667%;
- }
-
- .col-md-9 {
- flex: 0 0 75%;
- max-width: 75%;
- }
-
- .col-md-10 {
- flex: 0 0 83.33333%;
- max-width: 83.33333%;
- }
-
- .col-md-11 {
- flex: 0 0 91.66667%;
- max-width: 91.66667%;
- }
-
- .col-md-12 {
- flex: 0 0 100%;
- max-width: 100%;
- }
-
- .order-md-first {
- order: -1;
- }
-
- .order-md-last {
- order: 13;
- }
-
- .order-md-0 {
- order: 0;
- }
-
- .order-md-1 {
- order: 1;
- }
-
- .order-md-2 {
- order: 2;
- }
-
- .order-md-3 {
- order: 3;
- }
-
- .order-md-4 {
- order: 4;
- }
-
- .order-md-5 {
- order: 5;
- }
-
- .order-md-6 {
- order: 6;
- }
-
- .order-md-7 {
- order: 7;
- }
-
- .order-md-8 {
- order: 8;
- }
-
- .order-md-9 {
- order: 9;
- }
-
- .order-md-10 {
- order: 10;
- }
-
- .order-md-11 {
- order: 11;
- }
-
- .order-md-12 {
- order: 12;
- }
-
- .offset-md-0 {
- margin-left: 0;
- }
-
- .offset-md-1 {
- margin-left: 8.33333%;
- }
-
- .offset-md-2 {
- margin-left: 16.66667%;
- }
-
- .offset-md-3 {
- margin-left: 25%;
- }
-
- .offset-md-4 {
- margin-left: 33.33333%;
- }
-
- .offset-md-5 {
- margin-left: 41.66667%;
- }
-
- .offset-md-6 {
- margin-left: 50%;
- }
-
- .offset-md-7 {
- margin-left: 58.33333%;
- }
-
- .offset-md-8 {
- margin-left: 66.66667%;
- }
-
- .offset-md-9 {
- margin-left: 75%;
- }
-
- .offset-md-10 {
- margin-left: 83.33333%;
- }
-
- .offset-md-11 {
- margin-left: 91.66667%;
- }
-}
-
-@media (min-width: 992px) {
- .col-lg {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
- }
-
- .col-lg-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none;
- }
-
- .col-lg-1 {
- flex: 0 0 8.33333%;
- max-width: 8.33333%;
- }
-
- .col-lg-2 {
- flex: 0 0 16.66667%;
- max-width: 16.66667%;
- }
-
- .col-lg-3 {
- flex: 0 0 25%;
- max-width: 25%;
- }
-
- .col-lg-4 {
- flex: 0 0 33.33333%;
- max-width: 33.33333%;
- }
-
- .col-lg-5 {
- flex: 0 0 41.66667%;
- max-width: 41.66667%;
- }
-
- .col-lg-6 {
- flex: 0 0 50%;
- max-width: 50%;
- }
-
- .col-lg-7 {
- flex: 0 0 58.33333%;
- max-width: 58.33333%;
- }
-
- .col-lg-8 {
- flex: 0 0 66.66667%;
- max-width: 66.66667%;
- }
-
- .col-lg-9 {
- flex: 0 0 75%;
- max-width: 75%;
- }
-
- .col-lg-10 {
- flex: 0 0 83.33333%;
- max-width: 83.33333%;
- }
-
- .col-lg-11 {
- flex: 0 0 91.66667%;
- max-width: 91.66667%;
- }
-
- .col-lg-12 {
- flex: 0 0 100%;
- max-width: 100%;
- }
-
- .order-lg-first {
- order: -1;
- }
-
- .order-lg-last {
- order: 13;
- }
-
- .order-lg-0 {
- order: 0;
- }
-
- .order-lg-1 {
- order: 1;
- }
-
- .order-lg-2 {
- order: 2;
- }
-
- .order-lg-3 {
- order: 3;
- }
-
- .order-lg-4 {
- order: 4;
- }
-
- .order-lg-5 {
- order: 5;
- }
-
- .order-lg-6 {
- order: 6;
- }
-
- .order-lg-7 {
- order: 7;
- }
-
- .order-lg-8 {
- order: 8;
- }
-
- .order-lg-9 {
- order: 9;
- }
-
- .order-lg-10 {
- order: 10;
- }
-
- .order-lg-11 {
- order: 11;
- }
-
- .order-lg-12 {
- order: 12;
- }
-
- .offset-lg-0 {
- margin-left: 0;
- }
-
- .offset-lg-1 {
- margin-left: 8.33333%;
- }
-
- .offset-lg-2 {
- margin-left: 16.66667%;
- }
-
- .offset-lg-3 {
- margin-left: 25%;
- }
-
- .offset-lg-4 {
- margin-left: 33.33333%;
- }
-
- .offset-lg-5 {
- margin-left: 41.66667%;
- }
-
- .offset-lg-6 {
- margin-left: 50%;
- }
-
- .offset-lg-7 {
- margin-left: 58.33333%;
- }
-
- .offset-lg-8 {
- margin-left: 66.66667%;
- }
-
- .offset-lg-9 {
- margin-left: 75%;
- }
-
- .offset-lg-10 {
- margin-left: 83.33333%;
- }
-
- .offset-lg-11 {
- margin-left: 91.66667%;
- }
-}
-
-@media (min-width: 1200px) {
- .col-xl {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
- }
-
- .col-xl-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none;
- }
-
- .col-xl-1 {
- flex: 0 0 8.33333%;
- max-width: 8.33333%;
- }
-
- .col-xl-2 {
- flex: 0 0 16.66667%;
- max-width: 16.66667%;
- }
-
- .col-xl-3 {
- flex: 0 0 25%;
- max-width: 25%;
- }
-
- .col-xl-4 {
- flex: 0 0 33.33333%;
- max-width: 33.33333%;
- }
-
- .col-xl-5 {
- flex: 0 0 41.66667%;
- max-width: 41.66667%;
- }
-
- .col-xl-6 {
- flex: 0 0 50%;
- max-width: 50%;
- }
-
- .col-xl-7 {
- flex: 0 0 58.33333%;
- max-width: 58.33333%;
- }
-
- .col-xl-8 {
- flex: 0 0 66.66667%;
- max-width: 66.66667%;
- }
-
- .col-xl-9 {
- flex: 0 0 75%;
- max-width: 75%;
- }
-
- .col-xl-10 {
- flex: 0 0 83.33333%;
- max-width: 83.33333%;
- }
-
- .col-xl-11 {
- flex: 0 0 91.66667%;
- max-width: 91.66667%;
- }
-
- .col-xl-12 {
- flex: 0 0 100%;
- max-width: 100%;
- }
-
- .order-xl-first {
- order: -1;
- }
-
- .order-xl-last {
- order: 13;
- }
-
- .order-xl-0 {
- order: 0;
- }
-
- .order-xl-1 {
- order: 1;
- }
-
- .order-xl-2 {
- order: 2;
- }
-
- .order-xl-3 {
- order: 3;
- }
-
- .order-xl-4 {
- order: 4;
- }
-
- .order-xl-5 {
- order: 5;
- }
-
- .order-xl-6 {
- order: 6;
- }
-
- .order-xl-7 {
- order: 7;
- }
-
- .order-xl-8 {
- order: 8;
- }
-
- .order-xl-9 {
- order: 9;
- }
-
- .order-xl-10 {
- order: 10;
- }
-
- .order-xl-11 {
- order: 11;
- }
-
- .order-xl-12 {
- order: 12;
- }
-
- .offset-xl-0 {
- margin-left: 0;
- }
-
- .offset-xl-1 {
- margin-left: 8.33333%;
- }
-
- .offset-xl-2 {
- margin-left: 16.66667%;
- }
-
- .offset-xl-3 {
- margin-left: 25%;
- }
-
- .offset-xl-4 {
- margin-left: 33.33333%;
- }
-
- .offset-xl-5 {
- margin-left: 41.66667%;
- }
-
- .offset-xl-6 {
- margin-left: 50%;
- }
-
- .offset-xl-7 {
- margin-left: 58.33333%;
- }
-
- .offset-xl-8 {
- margin-left: 66.66667%;
- }
-
- .offset-xl-9 {
- margin-left: 75%;
- }
-
- .offset-xl-10 {
- margin-left: 83.33333%;
- }
-
- .offset-xl-11 {
- margin-left: 91.66667%;
- }
-}
-
-.table {
- width: 100%;
- margin-bottom: 1.5rem;
- background-color: transparent;
-}
-
-.table th,
-.table td {
- padding: 0.75rem;
- vertical-align: top;
- border-top: 1px solid #303030;
-}
-
-.table thead th {
- vertical-align: bottom;
- border-bottom: 2px solid #303030;
-}
-
-.table tbody+tbody {
- border-top: 2px solid #303030;
-}
-
-.table .table {
- background-color: #111;
-}
-
-.table-sm th,
-.table-sm td {
- padding: 0.3rem;
-}
-
-.table-bordered {
- border: 1px solid #303030;
-}
-
-.table-bordered th,
-.table-bordered td {
- border: 1px solid #303030;
-}
-
-.table-bordered thead th,
-.table-bordered thead td {
- border-bottom-width: 2px;
-}
-
-.table-borderless th,
-.table-borderless td,
-.table-borderless thead th,
-.table-borderless tbody+tbody {
- border: 0;
-}
-
-.table-striped tbody tr:nth-of-type(odd) {
- background-color: rgba(243, 243, 243, 0.05);
-}
-
-.table-hover tbody tr:hover {
- background-color: rgba(243, 243, 243, 0.1);
-}
-
-.table-primary,
-.table-primary>th,
-.table-primary>td {
- background-color: #b8dbff;
-}
-
-.table-hover .table-primary:hover {
- background-color: #9fceff;
-}
-
-.table-hover .table-primary:hover>td,
-.table-hover .table-primary:hover>th {
- background-color: #9fceff;
-}
-
-.table-secondary,
-.table-secondary>th,
-.table-secondary>td {
- background-color: #b8d2e7;
-}
-
-.table-hover .table-secondary:hover {
- background-color: #a5c6e1;
-}
-
-.table-hover .table-secondary:hover>td,
-.table-hover .table-secondary:hover>th {
- background-color: #a5c6e1;
-}
-
-.table-success,
-.table-success>th,
-.table-success>td {
- background-color: #c3e6cb;
-}
-
-.table-hover .table-success:hover {
- background-color: #b1dfbb;
-}
-
-.table-hover .table-success:hover>td,
-.table-hover .table-success:hover>th {
- background-color: #b1dfbb;
-}
-
-.table-info,
-.table-info>th,
-.table-info>td {
- background-color: #b8e7ff;
-}
-
-.table-hover .table-info:hover {
- background-color: #9fdeff;
-}
-
-.table-hover .table-info:hover>td,
-.table-hover .table-info:hover>th {
- background-color: #9fdeff;
-}
-
-.table-warning,
-.table-warning>th,
-.table-warning>td {
- background-color: #ffeeba;
-}
-
-.table-hover .table-warning:hover {
- background-color: #ffe8a1;
-}
-
-.table-hover .table-warning:hover>td,
-.table-hover .table-warning:hover>th {
- background-color: #ffe8a1;
-}
-
-.table-danger,
-.table-danger>th,
-.table-danger>td {
- background-color: #f5c6cb;
-}
-
-.table-hover .table-danger:hover {
- background-color: #f1b0b7;
-}
-
-.table-hover .table-danger:hover>td,
-.table-hover .table-danger:hover>th {
- background-color: #f1b0b7;
-}
-
-.table-light,
-.table-light>th,
-.table-light>td {
- background-color: #fcfcfc;
-}
-
-.table-hover .table-light:hover {
- background-color: #efefef;
-}
-
-.table-hover .table-light:hover>td,
-.table-hover .table-light:hover>th {
- background-color: #efefef;
-}
-
-.table-dark,
-.table-dark>th,
-.table-dark>td {
- background-color: #c5c5c5;
-}
-
-.table-hover .table-dark:hover {
- background-color: #b8b8b8;
-}
-
-.table-hover .table-dark:hover>td,
-.table-hover .table-dark:hover>th {
- background-color: #b8b8b8;
-}
-
-.table-active,
-.table-active>th,
-.table-active>td {
- background-color: rgba(243, 243, 243, 0.1);
-}
-
-.table-hover .table-active:hover {
- background-color: rgba(230, 230, 230, 0.1);
-}
-
-.table-hover .table-active:hover>td,
-.table-hover .table-active:hover>th {
- background-color: rgba(230, 230, 230, 0.1);
-}
-
-.table .thead-dark th {
- color: #111;
- background-color: #212529;
- border-color: #32383e;
-}
-
-.table .thead-light th {
- color: #495057;
- background-color: #e9ecef;
- border-color: #303030;
-}
-
-.table-dark {
- color: #111;
- background-color: #212529;
-}
-
-.table-dark th,
-.table-dark td,
-.table-dark thead th {
- border-color: #32383e;
-}
-
-.table-dark.table-bordered {
- border: 0;
-}
-
-.table-dark.table-striped tbody tr:nth-of-type(odd) {
- background-color: rgba(255, 255, 255, 0.05);
-}
-
-.table-dark.table-hover tbody tr:hover {
- background-color: rgba(255, 255, 255, 0.075);
-}
-
-@media (max-width: 575.98px) {
- .table-responsive-sm {
- display: block;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- }
-
- .table-responsive-sm>.table-bordered {
- border: 0;
- }
-}
-
-@media (max-width: 867.98px) {
- .table-responsive-md {
- display: block;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- }
-
- .table-responsive-md>.table-bordered {
- border: 0;
- }
-}
-
-@media (max-width: 991.98px) {
- .table-responsive-lg {
- display: block;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- }
-
- .table-responsive-lg>.table-bordered {
- border: 0;
- }
-}
-
-@media (max-width: 1199.98px) {
- .table-responsive-xl {
- display: block;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- }
-
- .table-responsive-xl>.table-bordered {
- border: 0;
- }
-}
-
-.table-responsive {
- display: block;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
-}
-
-.table-responsive>.table-bordered {
- border: 0;
-}
-
-.form-control {
- display: block;
- width: 100%;
- height: calc(2.28rem + 2px);
- padding: 0.375rem 1rem;
- font-size: 0.85rem;
- line-height: 1.8;
- color: #495057;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid #ced4da;
- border-radius: 0.75rem;
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .form-control {
- transition: none;
- }
-}
-
-.form-control::-ms-expand {
- background-color: transparent;
- border: 0;
-}
-
-.form-control:focus {
- color: #495057;
- background-color: #fff;
- border-color: #80c0ff;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.form-control::-webkit-input-placeholder {
- color: #6c757d;
- opacity: 1;
-}
-
-.form-control:-ms-input-placeholder {
- color: #6c757d;
- opacity: 1;
-}
-
-.form-control::-ms-input-placeholder {
- color: #6c757d;
- opacity: 1;
-}
-
-.form-control::placeholder {
- color: #6c757d;
- opacity: 1;
-}
-
-.form-control:disabled, .form-control[readonly] {
- background-color: #e9ecef;
- opacity: 1;
-}
-
-select.form-control:focus::-ms-value {
- color: #495057;
- background-color: #fff;
-}
-
-.form-control-file,
-.form-control-range {
- display: block;
- width: 100%;
-}
-
-.col-form-label {
- padding-top: calc(0.375rem + 1px);
- padding-bottom: calc(0.375rem + 1px);
- margin-bottom: 0;
- font-size: inherit;
- line-height: 1.8;
-}
-
-.col-form-label-lg {
- padding-top: calc(0.5rem + 1px);
- padding-bottom: calc(0.5rem + 1px);
- font-size: 1.0625rem;
- line-height: 1.5;
-}
-
-.col-form-label-sm {
- padding-top: calc(0.25rem + 1px);
- padding-bottom: calc(0.25rem + 1px);
- font-size: 0.74375rem;
- line-height: 1.5;
-}
-
-.form-control-plaintext {
- display: block;
- width: 100%;
- padding-top: 0.375rem;
- padding-bottom: 0.375rem;
- margin-bottom: 0;
- line-height: 1.8;
- color: #efefef;
- background-color: transparent;
- border: solid transparent;
- border-width: 1px 0;
-}
-
-.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
- padding-right: 0;
- padding-left: 0;
-}
-
-.form-control-sm {
- height: calc(1.61563rem + 2px);
- padding: 0.25rem 0.5rem;
- font-size: 0.74375rem;
- line-height: 1.5;
- border-radius: 0.3rem;
-}
-
-.form-control-lg {
- height: calc(2.59375rem + 2px);
- padding: 0.5rem 1.1rem;
- font-size: 1.0625rem;
- line-height: 1.5;
- border-radius: 0.9rem;
-}
-
-select.form-control[size], select.form-control[multiple] {
- height: auto;
-}
-
-textarea.form-control {
- height: auto;
-}
-
-.form-group {
- margin-bottom: 1rem;
-}
-
-.form-text {
- display: block;
- margin-top: 0.25rem;
-}
-
-.form-row {
- display: flex;
- flex-wrap: wrap;
- margin-right: -5px;
- margin-left: -5px;
-}
-
-.form-row>.col,
-.form-row>[class*="col-"] {
- padding-right: 5px;
- padding-left: 5px;
-}
-
-.form-check {
- position: relative;
- display: block;
- padding-left: 1.25rem;
-}
-
-.form-check-input {
- position: absolute;
- margin-top: 0.3rem;
- margin-left: -1.25rem;
-}
-
-.form-check-input:disabled~.form-check-label {
- color: #6c757d;
-}
-
-.form-check-label {
- margin-bottom: 0;
-}
-
-.form-check-inline {
- display: inline-flex;
- align-items: center;
- padding-left: 0;
- margin-right: 0.75rem;
-}
-
-.form-check-inline .form-check-input {
- position: static;
- margin-top: 0;
- margin-right: 0.3125rem;
- margin-left: 0;
-}
-
-.valid-feedback {
- display: none;
- width: 100%;
- margin-top: 0.25rem;
- font-size: 80%;
- color: #28a745;
-}
-
-.valid-tooltip {
- position: absolute;
- top: 100%;
- z-index: 5;
- display: none;
- max-width: 100%;
- padding: 0.25rem 0.5rem;
- margin-top: .1rem;
- font-size: 0.74375rem;
- line-height: 1.8;
- color: #fff;
- background-color: rgba(40, 167, 69, 0.9);
- border-radius: 0.75rem;
-}
-
-.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid,
-.custom-select.is-valid {
- border-color: #28a745;
-}
-
-.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus,
-.custom-select.is-valid:focus {
- border-color: #28a745;
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
-}
-
-.was-validated .form-control:valid~.valid-feedback,
-.was-validated .form-control:valid~.valid-tooltip, .form-control.is-valid~.valid-feedback,
-.form-control.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback,
-.was-validated .custom-select:valid~.valid-tooltip,
-.custom-select.is-valid~.valid-feedback,
-.custom-select.is-valid~.valid-tooltip {
- display: block;
-}
-
-.was-validated .form-control-file:valid~.valid-feedback,
-.was-validated .form-control-file:valid~.valid-tooltip, .form-control-file.is-valid~.valid-feedback,
-.form-control-file.is-valid~.valid-tooltip {
- display: block;
-}
-
-.was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label {
- color: #28a745;
-}
-
-.was-validated .form-check-input:valid~.valid-feedback,
-.was-validated .form-check-input:valid~.valid-tooltip, .form-check-input.is-valid~.valid-feedback,
-.form-check-input.is-valid~.valid-tooltip {
- display: block;
-}
-
-.was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-valid~.custom-control-label {
- color: #28a745;
-}
-
-.was-validated .custom-control-input:valid~.custom-control-label::before, .custom-control-input.is-valid~.custom-control-label::before {
- background-color: #71dd8a;
-}
-
-.was-validated .custom-control-input:valid~.valid-feedback,
-.was-validated .custom-control-input:valid~.valid-tooltip, .custom-control-input.is-valid~.valid-feedback,
-.custom-control-input.is-valid~.valid-tooltip {
- display: block;
-}
-
-.was-validated .custom-control-input:valid:checked~.custom-control-label::before, .custom-control-input.is-valid:checked~.custom-control-label::before {
- background-color: #34ce57;
-}
-
-.was-validated .custom-control-input:valid:focus~.custom-control-label::before, .custom-control-input.is-valid:focus~.custom-control-label::before {
- box-shadow: 0 0 0 1px #111, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
-}
-
-.was-validated .custom-file-input:valid~.custom-file-label, .custom-file-input.is-valid~.custom-file-label {
- border-color: #28a745;
-}
-
-.was-validated .custom-file-input:valid~.custom-file-label::after, .custom-file-input.is-valid~.custom-file-label::after {
- border-color: inherit;
-}
-
-.was-validated .custom-file-input:valid~.valid-feedback,
-.was-validated .custom-file-input:valid~.valid-tooltip, .custom-file-input.is-valid~.valid-feedback,
-.custom-file-input.is-valid~.valid-tooltip {
- display: block;
-}
-
-.was-validated .custom-file-input:valid:focus~.custom-file-label, .custom-file-input.is-valid:focus~.custom-file-label {
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
-}
-
-.invalid-feedback {
- display: none;
- width: 100%;
- margin-top: 0.25rem;
- font-size: 80%;
- color: #dc3545;
-}
-
-.invalid-tooltip {
- position: absolute;
- top: 100%;
- z-index: 5;
- display: none;
- max-width: 100%;
- padding: 0.25rem 0.5rem;
- margin-top: .1rem;
- font-size: 0.74375rem;
- line-height: 1.8;
- color: #fff;
- background-color: rgba(220, 53, 69, 0.9);
- border-radius: 0.75rem;
-}
-
-.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid,
-.custom-select.is-invalid {
- border-color: #dc3545;
-}
-
-.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus,
-.custom-select.is-invalid:focus {
- border-color: #dc3545;
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-
-.was-validated .form-control:invalid~.invalid-feedback,
-.was-validated .form-control:invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback,
-.form-control.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback,
-.was-validated .custom-select:invalid~.invalid-tooltip,
-.custom-select.is-invalid~.invalid-feedback,
-.custom-select.is-invalid~.invalid-tooltip {
- display: block;
-}
-
-.was-validated .form-control-file:invalid~.invalid-feedback,
-.was-validated .form-control-file:invalid~.invalid-tooltip, .form-control-file.is-invalid~.invalid-feedback,
-.form-control-file.is-invalid~.invalid-tooltip {
- display: block;
-}
-
-.was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label {
- color: #dc3545;
-}
-
-.was-validated .form-check-input:invalid~.invalid-feedback,
-.was-validated .form-check-input:invalid~.invalid-tooltip, .form-check-input.is-invalid~.invalid-feedback,
-.form-check-input.is-invalid~.invalid-tooltip {
- display: block;
-}
-
-.was-validated .custom-control-input:invalid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label {
- color: #dc3545;
-}
-
-.was-validated .custom-control-input:invalid~.custom-control-label::before, .custom-control-input.is-invalid~.custom-control-label::before {
- background-color: #efa2a9;
-}
-
-.was-validated .custom-control-input:invalid~.invalid-feedback,
-.was-validated .custom-control-input:invalid~.invalid-tooltip, .custom-control-input.is-invalid~.invalid-feedback,
-.custom-control-input.is-invalid~.invalid-tooltip {
- display: block;
-}
-
-.was-validated .custom-control-input:invalid:checked~.custom-control-label::before, .custom-control-input.is-invalid:checked~.custom-control-label::before {
- background-color: #e4606d;
-}
-
-.was-validated .custom-control-input:invalid:focus~.custom-control-label::before, .custom-control-input.is-invalid:focus~.custom-control-label::before {
- box-shadow: 0 0 0 1px #111, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-
-.was-validated .custom-file-input:invalid~.custom-file-label, .custom-file-input.is-invalid~.custom-file-label {
- border-color: #dc3545;
-}
-
-.was-validated .custom-file-input:invalid~.custom-file-label::after, .custom-file-input.is-invalid~.custom-file-label::after {
- border-color: inherit;
-}
-
-.was-validated .custom-file-input:invalid~.invalid-feedback,
-.was-validated .custom-file-input:invalid~.invalid-tooltip, .custom-file-input.is-invalid~.invalid-feedback,
-.custom-file-input.is-invalid~.invalid-tooltip {
- display: block;
-}
-
-.was-validated .custom-file-input:invalid:focus~.custom-file-label, .custom-file-input.is-invalid:focus~.custom-file-label {
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-
-.form-inline {
- display: flex;
- flex-flow: row wrap;
- align-items: center;
-}
-
-.form-inline .form-check {
- width: 100%;
-}
-
-@media (min-width: 576px) {
- .form-inline label {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-bottom: 0;
- }
-
- .form-inline .form-group {
- display: flex;
- flex: 0 0 auto;
- flex-flow: row wrap;
- align-items: center;
- margin-bottom: 0;
- }
-
- .form-inline .form-control {
- display: inline-block;
- width: auto;
- vertical-align: middle;
- }
-
- .form-inline .form-control-plaintext {
- display: inline-block;
- }
-
- .form-inline .input-group,
- .form-inline .custom-select {
- width: auto;
- }
-
- .form-inline .form-check {
- display: flex;
- align-items: center;
- justify-content: center;
- width: auto;
- padding-left: 0;
- }
-
- .form-inline .form-check-input {
- position: relative;
- margin-top: 0;
- margin-right: 0.25rem;
- margin-left: 0;
- }
-
- .form-inline .custom-control {
- align-items: center;
- justify-content: center;
- }
-
- .form-inline .custom-control-label {
- margin-bottom: 0;
- }
-}
-
-.btn {
- display: inline-block;
- font-weight: 200;
- text-align: center;
- white-space: nowrap;
- vertical-align: middle;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- border: 1px solid transparent;
- padding: 0.375rem 1rem;
- font-size: 0.85rem;
- line-height: 1.8;
- border-radius: 0.75rem;
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .btn {
- transition: none;
- }
-}
-
-.btn:hover, .btn:focus {
- text-decoration: none;
-}
-
-.btn:focus, .btn.focus {
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.btn.disabled, .btn:disabled {
- opacity: 0.65;
-}
-
-.btn:not(:disabled):not(.disabled) {
- cursor: pointer;
-}
-
-a.btn.disabled,
-fieldset:disabled a.btn {
- pointer-events: none;
-}
-
-.btn-primary {
- color: #fff;
- background-color: #0080ff;
- border-color: #0080ff;
-}
-
-.btn-primary:hover {
- color: #fff;
- background-color: #006dd9;
- border-color: #0066cc;
-}
-
-.btn-primary:focus, .btn-primary.focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.5);
-}
-
-.btn-primary.disabled, .btn-primary:disabled {
- color: #fff;
- background-color: #0080ff;
- border-color: #0080ff;
-}
-
-.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
-.show>.btn-primary.dropdown-toggle {
- color: #fff;
- background-color: #0066cc;
- border-color: #0060bf;
-}
-
-.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
-.show>.btn-primary.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.5);
-}
-
-.btn-secondary {
- color: #fff;
- background-color: #0060aa;
- border-color: #0060aa;
-}
-
-.btn-secondary:hover {
- color: #fff;
- background-color: #004a84;
- border-color: #004377;
-}
-
-.btn-secondary:focus, .btn-secondary.focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 96, 170, 0.5);
-}
-
-.btn-secondary.disabled, .btn-secondary:disabled {
- color: #fff;
- background-color: #0060aa;
- border-color: #0060aa;
-}
-
-.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
-.show>.btn-secondary.dropdown-toggle {
- color: #fff;
- background-color: #004377;
- border-color: #003c6a;
-}
-
-.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
-.show>.btn-secondary.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 96, 170, 0.5);
-}
-
-.btn-success {
- color: #fff;
- background-color: #28a745;
- border-color: #28a745;
-}
-
-.btn-success:hover {
- color: #fff;
- background-color: #218838;
- border-color: #1e7e34;
-}
-
-.btn-success:focus, .btn-success.focus {
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
-}
-
-.btn-success.disabled, .btn-success:disabled {
- color: #fff;
- background-color: #28a745;
- border-color: #28a745;
-}
-
-.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
-.show>.btn-success.dropdown-toggle {
- color: #fff;
- background-color: #1e7e34;
- border-color: #1c7430;
-}
-
-.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
-.show>.btn-success.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
-}
-
-.btn-info {
- color: #fff;
- background-color: #00aaff;
- border-color: #00aaff;
-}
-
-.btn-info:hover {
- color: #fff;
- background-color: #0091d9;
- border-color: #0088cc;
-}
-
-.btn-info:focus, .btn-info.focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.5);
-}
-
-.btn-info.disabled, .btn-info:disabled {
- color: #fff;
- background-color: #00aaff;
- border-color: #00aaff;
-}
-
-.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
-.show>.btn-info.dropdown-toggle {
- color: #fff;
- background-color: #0088cc;
- border-color: #0080bf;
-}
-
-.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
-.show>.btn-info.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.5);
-}
-
-.btn-warning {
- color: #212529;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-
-.btn-warning:hover {
- color: #212529;
- background-color: #e0a800;
- border-color: #d39e00;
-}
-
-.btn-warning:focus, .btn-warning.focus {
- box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
-}
-
-.btn-warning.disabled, .btn-warning:disabled {
- color: #212529;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-
-.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
-.show>.btn-warning.dropdown-toggle {
- color: #212529;
- background-color: #d39e00;
- border-color: #c69500;
-}
-
-.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
-.show>.btn-warning.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
-}
-
-.btn-danger {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-
-.btn-danger:hover {
- color: #fff;
- background-color: #c82333;
- border-color: #bd2130;
-}
-
-.btn-danger:focus, .btn-danger.focus {
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
-}
-
-.btn-danger.disabled, .btn-danger:disabled {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-
-.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
-.show>.btn-danger.dropdown-toggle {
- color: #fff;
- background-color: #bd2130;
- border-color: #b21f2d;
-}
-
-.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
-.show>.btn-danger.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
-}
-
-.btn-light {
- color: #212529;
- background-color: #f3f3f3;
- border-color: #f3f3f3;
-}
-
-.btn-light:hover {
- color: #212529;
- background-color: #e0e0e0;
- border-color: #dadada;
-}
-
-.btn-light:focus, .btn-light.focus {
- box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5);
-}
-
-.btn-light.disabled, .btn-light:disabled {
- color: #212529;
- background-color: #f3f3f3;
- border-color: #f3f3f3;
-}
-
-.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
-.show>.btn-light.dropdown-toggle {
- color: #212529;
- background-color: #dadada;
- border-color: lightgray;
-}
-
-.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
-.show>.btn-light.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5);
-}
-
-.btn-dark {
- color: #fff;
- background-color: #303030;
- border-color: #303030;
-}
-
-.btn-dark:hover {
- color: #fff;
- background-color: #1d1d1d;
- border-color: #171717;
-}
-
-.btn-dark:focus, .btn-dark.focus {
- box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5);
-}
-
-.btn-dark.disabled, .btn-dark:disabled {
- color: #fff;
- background-color: #303030;
- border-color: #303030;
-}
-
-.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
-.show>.btn-dark.dropdown-toggle {
- color: #fff;
- background-color: #171717;
- border-color: #101010;
-}
-
-.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
-.show>.btn-dark.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5);
-}
-
-.btn-outline-primary {
- color: #fff;
- letter-spacing: 1px;
- background-color: transparent;
- background-image: none;
- border-color: #fff;
-}
-
-.btn-outline-primary:hover {
- color: #fff;
- background-color: #0080ff;
- border-color: #0080ff;
-}
-
-.btn-outline-primary:focus, .btn-outline-primary.focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.5);
-}
-
-.btn-outline-primary.disabled, .btn-outline-primary:disabled {
- color: #0080ff;
- background-color: transparent;
-}
-
-.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
-.show>.btn-outline-primary.dropdown-toggle {
- color: #fff;
- background-color: #0080ff;
- border-color: #0080ff;
-}
-
-.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-primary.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.5);
-}
-
-.btn-outline-secondary {
- color: #0060aa;
- background-color: transparent;
- background-image: none;
- border-color: #0060aa;
-}
-
-.btn-outline-secondary:hover {
- color: #fff;
- background-color: #0060aa;
- border-color: #0060aa;
-}
-
-.btn-outline-secondary:focus, .btn-outline-secondary.focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 96, 170, 0.5);
-}
-
-.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
- color: #0060aa;
- background-color: transparent;
-}
-
-.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
-.show>.btn-outline-secondary.dropdown-toggle {
- color: #fff;
- background-color: #0060aa;
- border-color: #0060aa;
-}
-
-.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-secondary.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 96, 170, 0.5);
-}
-
-.btn-outline-success {
- color: #28a745;
- background-color: transparent;
- background-image: none;
- border-color: #28a745;
-}
-
-.btn-outline-success:hover {
- color: #fff;
- background-color: #28a745;
- border-color: #28a745;
-}
-
-.btn-outline-success:focus, .btn-outline-success.focus {
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
-}
-
-.btn-outline-success.disabled, .btn-outline-success:disabled {
- color: #28a745;
- background-color: transparent;
-}
-
-.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
-.show>.btn-outline-success.dropdown-toggle {
- color: #fff;
- background-color: #28a745;
- border-color: #28a745;
-}
-
-.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-success.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
-}
-
-.btn-outline-info {
- color: #00aaff;
- background-color: transparent;
- background-image: none;
- border-color: #00aaff;
-}
-
-.btn-outline-info:hover {
- color: #fff;
- background-color: #00aaff;
- border-color: #00aaff;
-}
-
-.btn-outline-info:focus, .btn-outline-info.focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.5);
-}
-
-.btn-outline-info.disabled, .btn-outline-info:disabled {
- color: #00aaff;
- background-color: transparent;
-}
-
-.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
-.show>.btn-outline-info.dropdown-toggle {
- color: #fff;
- background-color: #00aaff;
- border-color: #00aaff;
-}
-
-.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-info.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.5);
-}
-
-.btn-outline-warning {
- color: #ffc107;
- background-color: transparent;
- background-image: none;
- border-color: #ffc107;
-}
-
-.btn-outline-warning:hover {
- color: #212529;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-
-.btn-outline-warning:focus, .btn-outline-warning.focus {
- box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
-}
-
-.btn-outline-warning.disabled, .btn-outline-warning:disabled {
- color: #ffc107;
- background-color: transparent;
-}
-
-.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
-.show>.btn-outline-warning.dropdown-toggle {
- color: #212529;
- background-color: #ffc107;
- border-color: #ffc107;
-}
-
-.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-warning.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
-}
-
-.btn-outline-danger {
- color: #dc3545;
- background-color: transparent;
- background-image: none;
- border-color: #dc3545;
-}
-
-.btn-outline-danger:hover {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-
-.btn-outline-danger:focus, .btn-outline-danger.focus {
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
-}
-
-.btn-outline-danger.disabled, .btn-outline-danger:disabled {
- color: #dc3545;
- background-color: transparent;
-}
-
-.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
-.show>.btn-outline-danger.dropdown-toggle {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
-}
-
-.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-danger.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
-}
-
-.btn-outline-light {
- color: #f3f3f3;
- background-color: transparent;
- background-image: none;
- border-color: #f3f3f3;
-}
-
-.btn-outline-light:hover {
- color: #212529;
- background-color: #f3f3f3;
- border-color: #f3f3f3;
-}
-
-.btn-outline-light:focus, .btn-outline-light.focus {
- box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5);
-}
-
-.btn-outline-light.disabled, .btn-outline-light:disabled {
- color: #f3f3f3;
- background-color: transparent;
-}
-
-.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
-.show>.btn-outline-light.dropdown-toggle {
- color: #212529;
- background-color: #f3f3f3;
- border-color: #f3f3f3;
-}
-
-.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-light.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5);
-}
-
-.btn-outline-dark {
- color: #303030;
- background-color: transparent;
- background-image: none;
- border-color: #303030;
-}
-
-.btn-outline-dark:hover {
- color: #fff;
- background-color: #303030;
- border-color: #303030;
-}
-
-.btn-outline-dark:focus, .btn-outline-dark.focus {
- box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5);
-}
-
-.btn-outline-dark.disabled, .btn-outline-dark:disabled {
- color: #303030;
- background-color: transparent;
-}
-
-.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
-.show>.btn-outline-dark.dropdown-toggle {
- color: #fff;
- background-color: #303030;
- border-color: #303030;
-}
-
-.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
-.show>.btn-outline-dark.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5);
-}
-
-.btn-link {
- font-weight: 200;
- color: #0080ff;
- background-color: transparent;
-}
-
-.btn-link:hover {
- color: white;
- text-decoration: none;
- background-color: transparent;
- border-color: transparent;
-}
-
-.btn-link:focus, .btn-link.focus {
- text-decoration: none;
- border-color: transparent;
- box-shadow: none;
-}
-
-.btn-link:disabled, .btn-link.disabled {
- color: #6c757d;
- pointer-events: none;
-}
-
-.btn-lg, .btn-group-lg>.btn {
- padding: 0.5rem 1.1rem;
- font-size: 1.0625rem;
- line-height: 1.5;
- border-radius: 0.9rem;
-}
-
-.btn-sm, .btn-group-sm>.btn {
- padding: 0.25rem 0.5rem;
- font-size: 0.74375rem;
- line-height: 1.5;
- border-radius: 0.3rem;
-}
-
-.btn-block {
- display: block;
- width: 100%;
-}
-
-.btn-block+.btn-block {
- margin-top: 0.5rem;
-}
-
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
- width: 100%;
-}
-
-.fade {
- transition: opacity 0.15s linear;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .fade {
- transition: none;
- }
-}
-
-.fade:not(.show) {
- opacity: 0;
-}
-
-.collapse:not(.show) {
- display: none;
-}
-
-.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- transition: height 0.35s ease;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .collapsing {
- transition: none;
- }
-}
-
-.dropup,
-.dropright,
-.dropdown,
-.dropleft {
- position: relative;
-}
-
-.dropdown-toggle::after {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0.3em solid;
- border-right: 0.3em solid transparent;
- border-bottom: 0;
- border-left: 0.3em solid transparent;
-}
-
-.dropdown-toggle:empty::after {
- margin-left: 0;
-}
-
-.dropdown-menu {
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 1000;
- display: none;
- float: left;
- min-width: 10rem;
- padding: 0.5rem 0;
- margin: 0.125rem 0 0;
- font-size: 0.85rem;
- color: #efefef;
- text-align: left;
- list-style: none;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 0.75rem;
-}
-
-.dropdown-menu-right {
- right: 0;
- left: auto;
-}
-
-.dropup .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-top: 0;
- margin-bottom: 0.125rem;
-}
-
-.dropup .dropdown-toggle::after {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0;
- border-right: 0.3em solid transparent;
- border-bottom: 0.3em solid;
- border-left: 0.3em solid transparent;
-}
-
-.dropup .dropdown-toggle:empty::after {
- margin-left: 0;
-}
-
-.dropright .dropdown-menu {
- top: 0;
- right: auto;
- left: 100%;
- margin-top: 0;
- margin-left: 0.125rem;
-}
-
-.dropright .dropdown-toggle::after {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0.3em solid transparent;
- border-right: 0;
- border-bottom: 0.3em solid transparent;
- border-left: 0.3em solid;
-}
-
-.dropright .dropdown-toggle:empty::after {
- margin-left: 0;
-}
-
-.dropright .dropdown-toggle::after {
- vertical-align: 0;
-}
-
-.dropleft .dropdown-menu {
- top: 0;
- right: 100%;
- left: auto;
- margin-top: 0;
- margin-right: 0.125rem;
-}
-
-.dropleft .dropdown-toggle::after {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 0.255em;
- vertical-align: 0.255em;
- content: "";
-}
-
-.dropleft .dropdown-toggle::after {
- display: none;
-}
-
-.dropleft .dropdown-toggle::before {
- display: inline-block;
- width: 0;
- height: 0;
- margin-right: 0.255em;
- vertical-align: 0.255em;
- content: "";
- border-top: 0.3em solid transparent;
- border-right: 0.3em solid;
- border-bottom: 0.3em solid transparent;
-}
-
-.dropleft .dropdown-toggle:empty::after {
- margin-left: 0;
-}
-
-.dropleft .dropdown-toggle::before {
- vertical-align: 0;
-}
-
-.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
- right: auto;
- bottom: auto;
-}
-
-.dropdown-divider {
- height: 0;
- margin: 0.75rem 0;
- overflow: hidden;
- border-top: 1px solid #e9ecef;
-}
-
-.dropdown-item {
- display: block;
- width: 100%;
- padding: 0.25rem 1.5rem;
- clear: both;
- font-weight: 200;
- color: #212529;
- text-align: inherit;
- white-space: nowrap;
- background-color: transparent;
- border: 0;
-}
-
-.dropdown-item:hover, .dropdown-item:focus {
- color: #16181b;
- text-decoration: none;
- background-color: #f8f9fa;
-}
-
-.dropdown-item.active, .dropdown-item:active {
- color: #303030;
- text-decoration: none;
- background-color: #0080ff;
-}
-
-.dropdown-item.disabled, .dropdown-item:disabled {
- color: #6c757d;
- background-color: transparent;
-}
-
-.dropdown-menu.show {
- display: block;
-}
-
-.dropdown-header {
- display: block;
- padding: 0.5rem 1.5rem;
- margin-bottom: 0;
- font-size: 0.74375rem;
- color: #6c757d;
- white-space: nowrap;
-}
-
-.dropdown-item-text {
- display: block;
- padding: 0.25rem 1.5rem;
- color: #212529;
-}
-
-.btn-group,
-.btn-group-vertical {
- position: relative;
- display: inline-flex;
- vertical-align: middle;
-}
-
-.btn-group>.btn,
-.btn-group-vertical>.btn {
- position: relative;
- flex: 0 1 auto;
-}
-
-.btn-group>.btn:hover,
-.btn-group-vertical>.btn:hover {
- z-index: 1;
-}
-
-.btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active,
-.btn-group-vertical>.btn:focus,
-.btn-group-vertical>.btn:active,
-.btn-group-vertical>.btn.active {
- z-index: 1;
-}
-
-.btn-group .btn+.btn,
-.btn-group .btn+.btn-group,
-.btn-group .btn-group+.btn,
-.btn-group .btn-group+.btn-group,
-.btn-group-vertical .btn+.btn,
-.btn-group-vertical .btn+.btn-group,
-.btn-group-vertical .btn-group+.btn,
-.btn-group-vertical .btn-group+.btn-group {
- margin-left: -1px;
-}
-
-.btn-toolbar {
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
-}
-
-.btn-toolbar .input-group {
- width: auto;
-}
-
-.btn-group>.btn:first-child {
- margin-left: 0;
-}
-
-.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
-.btn-group>.btn-group:not(:last-child)>.btn {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-.btn-group>.btn:not(:first-child),
-.btn-group>.btn-group:not(:first-child)>.btn {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-.dropdown-toggle-split {
- padding-right: 0.75rem;
- padding-left: 0.75rem;
-}
-
-.dropdown-toggle-split::after,
-.dropup .dropdown-toggle-split::after,
-.dropright .dropdown-toggle-split::after {
- margin-left: 0;
-}
-
-.dropleft .dropdown-toggle-split::before {
- margin-right: 0;
-}
-
-.btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split {
- padding-right: 0.375rem;
- padding-left: 0.375rem;
-}
-
-.btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split {
- padding-right: 0.825rem;
- padding-left: 0.825rem;
-}
-
-.btn-group-vertical {
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
-}
-
-.btn-group-vertical .btn,
-.btn-group-vertical .btn-group {
- width: 100%;
-}
-
-.btn-group-vertical>.btn+.btn,
-.btn-group-vertical>.btn+.btn-group,
-.btn-group-vertical>.btn-group+.btn,
-.btn-group-vertical>.btn-group+.btn-group {
- margin-top: -1px;
- margin-left: 0;
-}
-
-.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
-.btn-group-vertical>.btn-group:not(:last-child)>.btn {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-.btn-group-vertical>.btn:not(:first-child),
-.btn-group-vertical>.btn-group:not(:first-child)>.btn {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
-
-.btn-group-toggle>.btn,
-.btn-group-toggle>.btn-group>.btn {
- margin-bottom: 0;
-}
-
-.btn-group-toggle>.btn input[type="radio"],
-.btn-group-toggle>.btn input[type="checkbox"],
-.btn-group-toggle>.btn-group>.btn input[type="radio"],
-.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
- position: absolute;
- clip: rect(0, 0, 0, 0);
- pointer-events: none;
-}
-
-.input-group {
- position: relative;
- display: flex;
- flex-wrap: wrap;
- align-items: stretch;
- width: 100%;
-}
-
-.input-group>.form-control,
-.input-group>.custom-select,
-.input-group>.custom-file {
- position: relative;
- flex: 1 1 auto;
- width: 1%;
- margin-bottom: 0;
-}
-
-.input-group>.form-control+.form-control,
-.input-group>.form-control+.custom-select,
-.input-group>.form-control+.custom-file,
-.input-group>.custom-select+.form-control,
-.input-group>.custom-select+.custom-select,
-.input-group>.custom-select+.custom-file,
-.input-group>.custom-file+.form-control,
-.input-group>.custom-file+.custom-select,
-.input-group>.custom-file+.custom-file {
- margin-left: -1px;
-}
-
-.input-group>.form-control:focus,
-.input-group>.custom-select:focus,
-.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
- z-index: 3;
-}
-
-.input-group>.custom-file .custom-file-input:focus {
- z-index: 4;
-}
-
-.input-group>.form-control:not(:last-child),
-.input-group>.custom-select:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-.input-group>.form-control:not(:first-child),
-.input-group>.custom-select:not(:first-child) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-.input-group>.custom-file {
- display: flex;
- align-items: center;
-}
-
-.input-group>.custom-file:not(:last-child) .custom-file-label,
-.input-group>.custom-file:not(:last-child) .custom-file-label::after {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-.input-group>.custom-file:not(:first-child) .custom-file-label {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-.input-group-prepend,
-.input-group-append {
- display: flex;
-}
-
-.input-group-prepend .btn,
-.input-group-append .btn {
- position: relative;
- z-index: 2;
-}
-
-.input-group-prepend .btn+.btn,
-.input-group-prepend .btn+.input-group-text,
-.input-group-prepend .input-group-text+.input-group-text,
-.input-group-prepend .input-group-text+.btn,
-.input-group-append .btn+.btn,
-.input-group-append .btn+.input-group-text,
-.input-group-append .input-group-text+.input-group-text,
-.input-group-append .input-group-text+.btn {
- margin-left: -1px;
-}
-
-.input-group-prepend {
- margin-right: -1px;
-}
-
-.input-group-append {
- margin-left: -1px;
-}
-
-.input-group-text {
- display: flex;
- align-items: center;
- padding: 0.375rem 1rem;
- margin-bottom: 0;
- font-size: 0.85rem;
- font-weight: 200;
- line-height: 1.8;
- color: #495057;
- text-align: center;
- white-space: nowrap;
- background-color: #e9ecef;
- border: 1px solid #ced4da;
- border-radius: 0.75rem;
-}
-
-.input-group-text input[type="radio"],
-.input-group-text input[type="checkbox"] {
- margin-top: 0;
-}
-
-.input-group-lg>.form-control,
-.input-group-lg>.input-group-prepend>.input-group-text,
-.input-group-lg>.input-group-append>.input-group-text,
-.input-group-lg>.input-group-prepend>.btn,
-.input-group-lg>.input-group-append>.btn {
- height: calc(2.59375rem + 2px);
- padding: 0.5rem 1.1rem;
- font-size: 1.0625rem;
- line-height: 1.5;
- border-radius: 0.9rem;
-}
-
-.input-group-sm>.form-control,
-.input-group-sm>.input-group-prepend>.input-group-text,
-.input-group-sm>.input-group-append>.input-group-text,
-.input-group-sm>.input-group-prepend>.btn,
-.input-group-sm>.input-group-append>.btn {
- height: calc(1.61563rem + 2px);
- padding: 0.25rem 0.5rem;
- font-size: 0.74375rem;
- line-height: 1.5;
- border-radius: 0.3rem;
-}
-
-.input-group>.input-group-prepend>.btn,
-.input-group>.input-group-prepend>.input-group-text,
-.input-group>.input-group-append:not(:last-child)>.btn,
-.input-group>.input-group-append:not(:last-child)>.input-group-text,
-.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
-.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-.input-group>.input-group-append>.btn,
-.input-group>.input-group-append>.input-group-text,
-.input-group>.input-group-prepend:not(:first-child)>.btn,
-.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
-.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
-.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-.custom-control {
- position: relative;
- display: block;
- min-height: 1.53rem;
- padding-left: 1.5rem;
-}
-
-.custom-control-inline {
- display: inline-flex;
- margin-right: 1rem;
-}
-
-.custom-control-input {
- position: absolute;
- z-index: -1;
- opacity: 0;
-}
-
-.custom-control-input:checked~.custom-control-label::before {
- color: #303030;
- background-color: #0080ff;
-}
-
-.custom-control-input:focus~.custom-control-label::before {
- box-shadow: 0 0 0 1px #111, 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.custom-control-input:active~.custom-control-label::before {
- color: #303030;
- background-color: #b3d9ff;
-}
-
-.custom-control-input:disabled~.custom-control-label {
- color: #6c757d;
-}
-
-.custom-control-input:disabled~.custom-control-label::before {
- background-color: #e9ecef;
-}
-
-.custom-control-label {
- position: relative;
- margin-bottom: 0;
-}
-
-.custom-control-label::before {
- position: absolute;
- top: 0.265rem;
- left: -1.5rem;
- display: block;
- width: 1rem;
- height: 1rem;
- pointer-events: none;
- content: "";
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- background-color: #dee2e6;
-}
-
-.custom-control-label::after {
- position: absolute;
- top: 0.265rem;
- left: -1.5rem;
- display: block;
- width: 1rem;
- height: 1rem;
- content: "";
- background-repeat: no-repeat;
- background-position: center center;
- background-size: 50% 50%;
-}
-
-.custom-checkbox .custom-control-label::before {
- border-radius: 0.75rem;
-}
-
-.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
- background-color: #0080ff;
-}
-
-.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23303030' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
-}
-
-.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
- background-color: #0080ff;
-}
-
-.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23303030' d='M0 2h4'/%3E%3C/svg%3E");
-}
-
-.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
- background-color: rgba(0, 128, 255, 0.5);
-}
-
-.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
- background-color: rgba(0, 128, 255, 0.5);
-}
-
-.custom-radio .custom-control-label::before {
- border-radius: 50%;
-}
-
-.custom-radio .custom-control-input:checked~.custom-control-label::before {
- background-color: #0080ff;
-}
-
-.custom-radio .custom-control-input:checked~.custom-control-label::after {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23303030'/%3E%3C/svg%3E");
-}
-
-.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
- background-color: rgba(0, 128, 255, 0.5);
-}
-
-.custom-select {
- display: inline-block;
- width: 100%;
- height: calc(2.28rem + 2px);
- padding: 0.375rem 1.75rem 0.375rem 0.75rem;
- line-height: 1.8;
- color: #495057;
- vertical-align: middle;
- background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
- background-size: 8px 10px;
- border: 1px solid #ced4da;
- border-radius: 0.75rem;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-
-.custom-select:focus {
- border-color: #80c0ff;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(128, 192, 255, 0.5);
-}
-
-.custom-select:focus::-ms-value {
- color: #495057;
- background-color: #fff;
-}
-
-.custom-select[multiple], .custom-select[size]:not([size="1"]) {
- height: auto;
- padding-right: 0.75rem;
- background-image: none;
-}
-
-.custom-select:disabled {
- color: #6c757d;
- background-color: #e9ecef;
-}
-
-.custom-select::-ms-expand {
- opacity: 0;
-}
-
-.custom-select-sm {
- height: calc(1.61563rem + 2px);
- padding-top: 0.375rem;
- padding-bottom: 0.375rem;
- font-size: 75%;
-}
-
-.custom-select-lg {
- height: calc(2.59375rem + 2px);
- padding-top: 0.375rem;
- padding-bottom: 0.375rem;
- font-size: 125%;
-}
-
-.custom-file {
- position: relative;
- display: inline-block;
- width: 100%;
- height: calc(2.28rem + 2px);
- margin-bottom: 0;
-}
-
-.custom-file-input {
- position: relative;
- z-index: 2;
- width: 100%;
- height: calc(2.28rem + 2px);
- margin: 0;
- opacity: 0;
-}
-
-.custom-file-input:focus~.custom-file-label {
- border-color: #80c0ff;
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.custom-file-input:focus~.custom-file-label::after {
- border-color: #80c0ff;
-}
-
-.custom-file-input:disabled~.custom-file-label {
- background-color: #e9ecef;
-}
-
-.custom-file-input:lang(en)~.custom-file-label::after {
- content: "Browse";
-}
-
-.custom-file-label {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- z-index: 1;
- height: calc(2.28rem + 2px);
- padding: 0.375rem 1rem;
- line-height: 1.8;
- color: #495057;
- background-color: #fff;
- border: 1px solid #ced4da;
- border-radius: 0.75rem;
-}
-
-.custom-file-label::after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- z-index: 3;
- display: block;
- height: 2.28rem;
- padding: 0.375rem 1rem;
- line-height: 1.8;
- color: #495057;
- content: "Browse";
- background-color: #e9ecef;
- border-left: 1px solid #ced4da;
- border-radius: 0 0.75rem 0.75rem 0;
-}
-
-.custom-range {
- width: 100%;
- padding-left: 0;
- background-color: transparent;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-
-.custom-range:focus {
- outline: none;
-}
-
-.custom-range:focus::-webkit-slider-thumb {
- box-shadow: 0 0 0 1px #111, 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.custom-range:focus::-moz-range-thumb {
- box-shadow: 0 0 0 1px #111, 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.custom-range:focus::-ms-thumb {
- box-shadow: 0 0 0 1px #111, 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.custom-range::-moz-focus-outer {
- border: 0;
-}
-
-.custom-range::-webkit-slider-thumb {
- width: 1rem;
- height: 1rem;
- margin-top: -0.25rem;
- background-color: #0080ff;
- border: 0;
- border-radius: 1rem;
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- -webkit-appearance: none;
- appearance: none;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .custom-range::-webkit-slider-thumb {
- transition: none;
- }
-}
-
-.custom-range::-webkit-slider-thumb:active {
- background-color: #b3d9ff;
-}
-
-.custom-range::-webkit-slider-runnable-track {
- width: 100%;
- height: 0.5rem;
- color: transparent;
- cursor: pointer;
- background-color: #dee2e6;
- border-color: transparent;
- border-radius: 1rem;
-}
-
-.custom-range::-moz-range-thumb {
- width: 1rem;
- height: 1rem;
- background-color: #0080ff;
- border: 0;
- border-radius: 1rem;
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- -moz-appearance: none;
- appearance: none;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .custom-range::-moz-range-thumb {
- transition: none;
- }
-}
-
-.custom-range::-moz-range-thumb:active {
- background-color: #b3d9ff;
-}
-
-.custom-range::-moz-range-track {
- width: 100%;
- height: 0.5rem;
- color: transparent;
- cursor: pointer;
- background-color: #dee2e6;
- border-color: transparent;
- border-radius: 1rem;
-}
-
-.custom-range::-ms-thumb {
- width: 1rem;
- height: 1rem;
- margin-top: 0;
- margin-right: 0.2rem;
- margin-left: 0.2rem;
- background-color: #0080ff;
- border: 0;
- border-radius: 1rem;
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- appearance: none;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .custom-range::-ms-thumb {
- transition: none;
- }
-}
-
-.custom-range::-ms-thumb:active {
- background-color: #b3d9ff;
-}
-
-.custom-range::-ms-track {
- width: 100%;
- height: 0.5rem;
- color: transparent;
- cursor: pointer;
- background-color: transparent;
- border-color: transparent;
- border-width: 0.5rem;
-}
-
-.custom-range::-ms-fill-lower {
- background-color: #dee2e6;
- border-radius: 1rem;
-}
-
-.custom-range::-ms-fill-upper {
- margin-right: 15px;
- background-color: #dee2e6;
- border-radius: 1rem;
-}
-
-.custom-control-label::before,
-.custom-file-label,
-.custom-select {
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
-
- .custom-control-label::before,
- .custom-file-label,
- .custom-select {
- transition: none;
- }
-}
-
-.nav {
- display: flex;
- flex-wrap: wrap;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-}
-
-.nav-link {
- display: block;
- padding: 0.5rem 1rem;
- white-space: nowrap;
-}
-
-.nav-link:hover, .nav-link:focus {
- text-decoration: none;
-}
-
-.nav-link.disabled {
- color: #6c757d;
-}
-
-.nav-tabs {
- border-bottom: 1px solid #0080ff;
-}
-
-.nav-tabs .nav-item {
- margin-bottom: -1px;
-}
-
-.nav-tabs .nav-link {
- border: 1px solid transparent;
- border-top-left-radius: 0.75rem;
- border-top-right-radius: 0.75rem;
-}
-
-.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
- border-color: transparent;
-}
-
-.nav-tabs .nav-link.disabled {
- color: #6c757d;
- background-color: transparent;
- border-color: transparent;
-}
-
-.nav-tabs .nav-link.active,
-.nav-tabs .nav-item.show .nav-link {
- color: #303030;
- background-color: #0080ff;
- border-color: #0080ff;
-}
-
-.nav-tabs .dropdown-menu {
- margin-top: -1px;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
-
-.nav-pills .nav-link {
- border-radius: 0.75rem;
-}
-
-.nav-pills .nav-link.active,
-.nav-pills .show>.nav-link {
- color: #303030;
- background-color: #0080ff;
-}
-
-.nav-fill .nav-item {
- flex: 1 1 auto;
- text-align: center;
-}
-
-.nav-justified .nav-item {
- flex-basis: 0;
- flex-grow: 1;
- text-align: center;
-}
-
-.tab-content>.tab-pane {
- display: none;
-}
-
-.tab-content>.active {
- display: block;
-}
-
-.navbar {
- position: relative;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 0.75rem 1.5rem;
-}
-
-.navbar>.container,
-.navbar>.container-fluid {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
-}
-
-.navbar-brand {
- display: inline-block;
- padding-top: 0.30875rem;
- padding-bottom: 0.30875rem;
- margin-right: 1.5rem;
- font-size: 1.0625rem;
- line-height: inherit;
- white-space: nowrap;
-}
-
-.navbar-brand:hover, .navbar-brand:focus {
- text-decoration: none;
-}
-
-.navbar-nav {
- display: flex;
- flex-direction: column;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-}
-
-.navbar-nav .nav-link {
- padding-right: 0;
- padding-left: 0;
-}
-
-.navbar-nav .dropdown-menu {
- position: static;
- float: none;
-}
-
-.navbar-text {
- display: inline-block;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
-}
-
-.navbar-collapse {
- flex-basis: 100%;
- flex-grow: 1;
- align-items: center;
-}
-
-.navbar-toggler {
- padding: 0.25rem 0.75rem;
- font-size: 1.0625rem;
- line-height: 1;
- background-color: transparent;
- border: 1px solid transparent;
- border-radius: 0.75rem;
-}
-
-.navbar-toggler:hover, .navbar-toggler:focus {
- text-decoration: none;
-}
-
-.navbar-toggler:not(:disabled):not(.disabled) {
- cursor: pointer;
-}
-
-.navbar-toggler-icon {
- display: inline-block;
- width: 1.5em;
- height: 1.5em;
- vertical-align: middle;
- content: "";
- background: no-repeat center center;
- background-size: 100% 100%;
-}
-
-@media (max-width: 575.98px) {
-
- .navbar-expand-sm>.container,
- .navbar-expand-sm>.container-fluid {
- padding-right: 0;
- padding-left: 0;
- }
-}
-
-@media (min-width: 576px) {
- .navbar-expand-sm {
- flex-flow: row nowrap;
- justify-content: flex-start;
- }
-
- .navbar-expand-sm .navbar-nav {
- flex-direction: row;
- }
-
- .navbar-expand-sm .navbar-nav .dropdown-menu {
- position: absolute;
- }
-
- .navbar-expand-sm .navbar-nav .nav-link {
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- }
-
- .navbar-expand-sm>.container,
- .navbar-expand-sm>.container-fluid {
- flex-wrap: nowrap;
- }
-
- .navbar-expand-sm .navbar-collapse {
- display: flex !important;
- flex-basis: auto;
- }
-
- .navbar-expand-sm .navbar-toggler {
- display: none;
- }
-}
-
-@media (max-width: 867.98px) {
-
- .navbar-expand-md>.container,
- .navbar-expand-md>.container-fluid {
- padding-right: 0;
- padding-left: 0;
- }
-}
-
-@media (min-width: 868px) {
- .navbar-expand-md {
- flex-flow: row nowrap;
- justify-content: flex-start;
- }
-
- .navbar-expand-md .navbar-nav {
- flex-direction: row;
- }
-
- .navbar-expand-md .navbar-nav .dropdown-menu {
- position: absolute;
- }
-
- .navbar-expand-md .navbar-nav .nav-link {
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- }
-
- .navbar-expand-md>.container,
- .navbar-expand-md>.container-fluid {
- flex-wrap: nowrap;
- }
-
- .navbar-expand-md .navbar-collapse {
- display: flex !important;
- flex-basis: auto;
- }
-
- .navbar-expand-md .navbar-toggler {
- display: none;
- }
-}
-
-@media (max-width: 991.98px) {
-
- .navbar-expand-lg>.container,
- .navbar-expand-lg>.container-fluid {
- padding-right: 0;
- padding-left: 0;
- }
-}
-
-@media (min-width: 992px) {
- .navbar-expand-lg {
- flex-flow: row nowrap;
- justify-content: flex-start;
- }
-
- .navbar-expand-lg .navbar-nav {
- flex-direction: row;
- }
-
- .navbar-expand-lg .navbar-nav .dropdown-menu {
- position: absolute;
- }
-
- .navbar-expand-lg .navbar-nav .nav-link {
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- }
-
- .navbar-expand-lg>.container,
- .navbar-expand-lg>.container-fluid {
- flex-wrap: nowrap;
- }
-
- .navbar-expand-lg .navbar-collapse {
- display: flex !important;
- flex-basis: auto;
- }
-
- .navbar-expand-lg .navbar-toggler {
- display: none;
- }
-}
-
-@media (max-width: 1199.98px) {
-
- .navbar-expand-xl>.container,
- .navbar-expand-xl>.container-fluid {
- padding-right: 0;
- padding-left: 0;
- }
-}
-
-@media (min-width: 1200px) {
- .navbar-expand-xl {
- flex-flow: row nowrap;
- justify-content: flex-start;
- }
-
- .navbar-expand-xl .navbar-nav {
- flex-direction: row;
- }
-
- .navbar-expand-xl .navbar-nav .dropdown-menu {
- position: absolute;
- }
-
- .navbar-expand-xl .navbar-nav .nav-link {
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- }
-
- .navbar-expand-xl>.container,
- .navbar-expand-xl>.container-fluid {
- flex-wrap: nowrap;
- }
-
- .navbar-expand-xl .navbar-collapse {
- display: flex !important;
- flex-basis: auto;
- }
-
- .navbar-expand-xl .navbar-toggler {
- display: none;
- }
-}
-
-.navbar-expand {
- flex-flow: row nowrap;
- justify-content: flex-start;
-}
-
-.navbar-expand>.container,
-.navbar-expand>.container-fluid {
- padding-right: 0;
- padding-left: 0;
-}
-
-.navbar-expand .navbar-nav {
- flex-direction: row;
-}
-
-.navbar-expand .navbar-nav .dropdown-menu {
- position: absolute;
-}
-
-.navbar-expand .navbar-nav .nav-link {
- padding-right: 0.5rem;
- padding-left: 0.5rem;
-}
-
-.navbar-expand>.container,
-.navbar-expand>.container-fluid {
- flex-wrap: nowrap;
-}
-
-.navbar-expand .navbar-collapse {
- display: flex !important;
- flex-basis: auto;
-}
-
-.navbar-expand .navbar-toggler {
- display: none;
-}
-
-.navbar-light .navbar-brand {
- color: rgba(0, 0, 0, 0.9);
-}
-
-.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
- color: rgba(0, 0, 0, 0.9);
-}
-
-.navbar-light .navbar-nav .nav-link {
- color: rgba(0, 0, 0, 0.6);
-}
-
-.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
- color: rgba(0, 0, 0, 0.7);
-}
-
-.navbar-light .navbar-nav .nav-link.disabled {
- color: rgba(0, 0, 0, 0.3);
-}
-
-.navbar-light .navbar-nav .show>.nav-link,
-.navbar-light .navbar-nav .active>.nav-link,
-.navbar-light .navbar-nav .nav-link.show,
-.navbar-light .navbar-nav .nav-link.active {
- color: rgba(0, 0, 0, 0.9);
-}
-
-.navbar-light .navbar-toggler {
- color: rgba(0, 0, 0, 0.6);
- border-color: rgba(0, 0, 0, 0.1);
-}
-
-.navbar-light .navbar-toggler-icon {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.6)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
-}
-
-.navbar-light .navbar-text {
- color: rgba(0, 0, 0, 0.6);
-}
-
-.navbar-light .navbar-text a {
- color: rgba(0, 0, 0, 0.9);
-}
-
-.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
- color: rgba(0, 0, 0, 0.9);
-}
-
-.navbar-dark .navbar-brand {
- color: #fff;
-}
-
-.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
- color: #fff;
-}
-
-.navbar-dark .navbar-nav .nav-link {
- color: rgba(255, 255, 255, 1);
-}
-
-.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
- color: rgba(255, 255, 255, 1);
-}
-
-.navbar-dark .navbar-nav .nav-link.disabled {
- color: rgba(255, 255, 255, 0.25);
-}
-
-.navbar-dark .navbar-nav .show>.nav-link,
-.navbar-dark .navbar-nav .active>.nav-link,
-.navbar-dark .navbar-nav .nav-link.show,
-.navbar-dark .navbar-nav .nav-link.active {
- color: #fff;
-}
-
-.navbar-dark .navbar-toggler {
- color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.1);
-}
-
-.navbar-dark .navbar-toggler-icon {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
-}
-
-.navbar-dark .navbar-text {
- color: rgba(255, 255, 255, 0.5);
-}
-
-.navbar-dark .navbar-text a {
- color: #fff;
-}
-
-.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
- color: #fff;
-}
-
-.card {
- position: relative;
- display: flex;
- flex-direction: column;
- min-width: 0;
- word-wrap: break-word;
- background-color: rgba(51, 51, 51, 0.5);
- background-clip: border-box;
- border: 0px solid rgba(0, 0, 0, 0.125);
- border-radius: 0.75rem;
-}
-
-.card>hr {
- margin-right: 0;
- margin-left: 0;
-}
-
-.card>.list-group:first-child .list-group-item:first-child {
- border-top-left-radius: 0.75rem;
- border-top-right-radius: 0.75rem;
-}
-
-.card>.list-group:last-child .list-group-item:last-child {
- border-bottom-right-radius: 0.75rem;
- border-bottom-left-radius: 0.75rem;
-}
-
-.card-body {
- flex: 1 1 auto;
- padding: 1.25rem;
-}
-
-.card-title {
- margin-bottom: 0.75rem;
-}
-
-.card-subtitle {
- margin-top: -0.375rem;
- margin-bottom: 0;
-}
-
-.card-text:last-child {
- margin-bottom: 0;
-}
-
-.card-link:hover {
- text-decoration: none;
-}
-
-.card-link+.card-link {
- margin-left: 1.25rem;
-}
-
-.card-header {
- padding: 0.75rem 1.25rem;
- margin-bottom: 0;
- background-color: rgba(0, 0, 0, 0.03);
- border-bottom: 0px solid rgba(0, 0, 0, 0.125);
-}
-
-.card-header:first-child {
- border-radius: calc(0.75rem - 0px) calc(0.75rem - 0px) 0 0;
-}
-
-.card-header+.list-group .list-group-item:first-child {
- border-top: 0;
-}
-
-.card-footer {
- padding: 0.75rem 1.25rem;
- background-color: rgba(0, 0, 0, 0.03);
- border-top: 0px solid rgba(0, 0, 0, 0.125);
-}
-
-.card-footer:last-child {
- border-radius: 0 0 calc(0.75rem - 0px) calc(0.75rem - 0px);
-}
-
-.card-header-tabs {
- margin-right: -0.625rem;
- margin-bottom: -0.75rem;
- margin-left: -0.625rem;
- border-bottom: 0;
-}
-
-.card-header-pills {
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.card-img-overlay {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- padding: 1.25rem;
-}
-
-.card-img {
- width: 100%;
- border-radius: calc(0.75rem - 0px);
-}
-
-.card-img-top {
- width: 100%;
- border-top-left-radius: calc(0.75rem - 0px);
- border-top-right-radius: calc(0.75rem - 0px);
-}
-
-.card-img-bottom {
- width: 100%;
- border-bottom-right-radius: calc(0.75rem - 0px);
- border-bottom-left-radius: calc(0.75rem - 0px);
-}
-
-.card-deck {
- display: flex;
- flex-direction: column;
-}
-
-.card-deck .card {
- margin-bottom: 15px;
-}
-
-@media (min-width: 576px) {
- .card-deck {
- flex-flow: row wrap;
- margin-right: -15px;
- margin-left: -15px;
- }
-
- .card-deck .card {
- display: flex;
- flex: 1 0 0%;
- flex-direction: column;
- margin-right: 15px;
- margin-bottom: 0;
- margin-left: 15px;
- }
-}
-
-.card-group {
- display: flex;
- flex-direction: column;
-}
-
-.card-group>.card {
- margin-bottom: 15px;
-}
-
-@media (min-width: 576px) {
- .card-group {
- flex-flow: row wrap;
- }
-
- .card-group>.card {
- flex: 1 0 0%;
- margin-bottom: 0;
- }
-
- .card-group>.card+.card {
- margin-left: 0;
- border-left: 0;
- }
-
- .card-group>.card:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .card-group>.card:first-child .card-img-top,
- .card-group>.card:first-child .card-header {
- border-top-right-radius: 0;
- }
-
- .card-group>.card:first-child .card-img-bottom,
- .card-group>.card:first-child .card-footer {
- border-bottom-right-radius: 0;
- }
-
- .card-group>.card:last-child {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .card-group>.card:last-child .card-img-top,
- .card-group>.card:last-child .card-header {
- border-top-left-radius: 0;
- }
-
- .card-group>.card:last-child .card-img-bottom,
- .card-group>.card:last-child .card-footer {
- border-bottom-left-radius: 0;
- }
-
- .card-group>.card:only-child {
- border-radius: 0.75rem;
- }
-
- .card-group>.card:only-child .card-img-top,
- .card-group>.card:only-child .card-header {
- border-top-left-radius: 0.75rem;
- border-top-right-radius: 0.75rem;
- }
-
- .card-group>.card:only-child .card-img-bottom,
- .card-group>.card:only-child .card-footer {
- border-bottom-right-radius: 0.75rem;
- border-bottom-left-radius: 0.75rem;
- }
-
- .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
- border-radius: 0;
- }
-
- .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
- .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
- .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
- .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
- border-radius: 0;
- }
-}
-
-.card-columns .card {
- margin-bottom: 0.75rem;
-}
-
-@media (min-width: 576px) {
- .card-columns {
- -webkit-column-count: 3;
- column-count: 3;
- -webkit-column-gap: 1.25rem;
- column-gap: 1.25rem;
- orphans: 1;
- widows: 1;
- }
-
- .card-columns .card {
- display: inline-block;
- width: 100%;
- }
-}
-
-.accordion .card:not(:first-of-type):not(:last-of-type) {
- border-bottom: 0;
- border-radius: 0;
-}
-
-.accordion .card:not(:first-of-type) .card-header:first-child {
- border-radius: 0;
-}
-
-.accordion .card:first-of-type {
- border-bottom: 0;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-.accordion .card:last-of-type {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
-
-.breadcrumb {
- display: flex;
- flex-wrap: wrap;
- padding: 0.75rem 1rem;
- margin-bottom: 1rem;
- list-style: none;
- background-color: transparent;
- border-radius: 0.75rem;
-}
-
-.breadcrumb-item+.breadcrumb-item {
- padding-left: 0.5rem;
-}
-
-.breadcrumb-item+.breadcrumb-item::before {
- display: inline-block;
- padding-right: 0.5rem;
- color: #6c757d;
- content: "/";
-}
-
-.breadcrumb-item+.breadcrumb-item:hover::before {
- text-decoration: underline;
-}
-
-.breadcrumb-item+.breadcrumb-item:hover::before {
- text-decoration: none;
-}
-
-.breadcrumb-item.active {
- color: #f3f3f3;
-}
-
-.pagination {
- display: flex;
- padding-left: 0;
- list-style: none;
- border-radius: 0.75rem;
-}
-
-.page-link {
- position: relative;
- display: block;
- padding: 0.5rem 0.75rem;
- margin-left: -1px;
- line-height: 1.25;
- color: #0080ff;
- background-color: #111;
- border: 1px solid #303030;
-}
-
-.page-link:hover {
- z-index: 2;
- color: white;
- text-decoration: none;
- background-color: #111;
- border-color: #303030;
-}
-
-.page-link:focus {
- z-index: 2;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 128, 255, 0.25);
-}
-
-.page-link:not(:disabled):not(.disabled) {
- cursor: pointer;
-}
-
-.page-item:first-child .page-link {
- margin-left: 0;
- border-top-left-radius: 0.75rem;
- border-bottom-left-radius: 0.75rem;
-}
-
-.page-item:last-child .page-link {
- border-top-right-radius: 0.75rem;
- border-bottom-right-radius: 0.75rem;
-}
-
-.page-item.active .page-link {
- z-index: 1;
- color: #303030;
- background-color: #0080ff;
- border-color: #303030;
-}
-
-.page-item.disabled .page-link {
- color: #6c757d;
- pointer-events: none;
- cursor: auto;
- background-color: #fff;
- border-color: #dee2e6;
-}
-
-.pagination-lg .page-link {
- padding: 0.75rem 1.5rem;
- font-size: 1.0625rem;
- line-height: 1.5;
-}
-
-.pagination-lg .page-item:first-child .page-link {
- border-top-left-radius: 0.9rem;
- border-bottom-left-radius: 0.9rem;
-}
-
-.pagination-lg .page-item:last-child .page-link {
- border-top-right-radius: 0.9rem;
- border-bottom-right-radius: 0.9rem;
-}
-
-.pagination-sm .page-link {
- padding: 0.25rem 0.5rem;
- font-size: 0.74375rem;
- line-height: 1.5;
-}
-
-.pagination-sm .page-item:first-child .page-link {
- border-top-left-radius: 0.3rem;
- border-bottom-left-radius: 0.3rem;
-}
-
-.pagination-sm .page-item:last-child .page-link {
- border-top-right-radius: 0.3rem;
- border-bottom-right-radius: 0.3rem;
-}
-
-.badge {
- display: inline-block;
- padding: 0.25em 0.4em;
- font-size: 75%;
- font-weight: 700;
- line-height: 1;
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- border-radius: 0.75rem;
-}
-
-.badge:empty {
- display: none;
-}
-
-.btn .badge {
- position: relative;
- top: -1px;
-}
-
-.badge-pill {
- padding-right: 0.6em;
- padding-left: 0.6em;
- border-radius: 10rem;
-}
-
-.badge-primary {
- color: #fff;
- background-color: #0080ff;
-}
-
-.badge-primary[href]:hover, .badge-primary[href]:focus {
- color: #fff;
- text-decoration: none;
- background-color: #0066cc;
-}
-
-.badge-secondary {
- color: #fff;
- background-color: #0060aa;
-}
-
-.badge-secondary[href]:hover, .badge-secondary[href]:focus {
- color: #fff;
- text-decoration: none;
- background-color: #004377;
-}
-
-.badge-success {
- color: #fff;
- background-color: #28a745;
-}
-
-.badge-success[href]:hover, .badge-success[href]:focus {
- color: #fff;
- text-decoration: none;
- background-color: #1e7e34;
-}
-
-.badge-info {
- color: #fff;
- background-color: #00aaff;
-}
-
-.badge-info[href]:hover, .badge-info[href]:focus {
- color: #fff;
- text-decoration: none;
- background-color: #0088cc;
-}
-
-.badge-warning {
- color: #212529;
- background-color: #ffc107;
-}
-
-.badge-warning[href]:hover, .badge-warning[href]:focus {
- color: #212529;
- text-decoration: none;
- background-color: #d39e00;
-}
-
-.badge-danger {
- color: #fff;
- background-color: #dc3545;
-}
-
-.badge-danger[href]:hover, .badge-danger[href]:focus {
- color: #fff;
- text-decoration: none;
- background-color: #bd2130;
-}
-
-.badge-light {
- color: #212529;
- background-color: #f3f3f3;
-}
-
-.badge-light[href]:hover, .badge-light[href]:focus {
- color: #212529;
- text-decoration: none;
- background-color: #dadada;
-}
-
-.badge-dark {
- color: #fff;
- background-color: #303030;
-}
-
-.badge-dark[href]:hover, .badge-dark[href]:focus {
- color: #fff;
- text-decoration: none;
- background-color: #171717;
-}
-
-.jumbotron {
- padding: 2rem 1rem;
- margin-bottom: 2rem;
- background-color: #e9ecef;
- border-radius: 0.9rem;
-}
-
-@media (min-width: 576px) {
- .jumbotron {
- padding: 4rem 2rem;
- }
-}
-
-.jumbotron-fluid {
- padding-right: 0;
- padding-left: 0;
- border-radius: 0;
-}
-
-.alert {
- position: relative;
- padding: 0.75rem 1.25rem;
- margin-bottom: 1rem;
- border: 1px solid transparent;
- border-radius: 0.75rem;
-}
-
-.alert-heading {
- color: inherit;
-}
-
-.alert-link {
- font-weight: 700;
-}
-
-.alert-dismissible {
- padding-right: 3.775rem;
-}
-
-.alert-dismissible .close {
- position: absolute;
- top: 0;
- right: 0;
- padding: 0.75rem 1.25rem;
- color: inherit;
-}
-
-.alert-primary {
- color: #004385;
- background-color: #cce6ff;
- border-color: #b8dbff;
-}
-
-.alert-primary hr {
- border-top-color: #9fceff;
-}
-
-.alert-primary .alert-link {
- color: #002952;
-}
-
-.alert-secondary {
- color: #003258;
- background-color: #ccdfee;
- border-color: #b8d2e7;
-}
-
-.alert-secondary hr {
- border-top-color: #a5c6e1;
-}
-
-.alert-secondary .alert-link {
- color: #001525;
-}
-
-.alert-success {
- color: #155724;
- background-color: #d4edda;
- border-color: #c3e6cb;
-}
-
-.alert-success hr {
- border-top-color: #b1dfbb;
-}
-
-.alert-success .alert-link {
- color: #0b2e13;
-}
-
-.alert-info {
- color: #005885;
- background-color: #cceeff;
- border-color: #b8e7ff;
-}
-
-.alert-info hr {
- border-top-color: #9fdeff;
-}
-
-.alert-info .alert-link {
- color: #003652;
-}
-
-.alert-warning {
- color: #856404;
- background-color: #fff3cd;
- border-color: #ffeeba;
-}
-
-.alert-warning hr {
- border-top-color: #ffe8a1;
-}
-
-.alert-warning .alert-link {
- color: #533f03;
-}
-
-.alert-danger {
- color: #721c24;
- background-color: #f8d7da;
- border-color: #f5c6cb;
-}
-
-.alert-danger hr {
- border-top-color: #f1b0b7;
-}
-
-.alert-danger .alert-link {
- color: #491217;
-}
-
-.alert-light {
- color: #7e7e7e;
- background-color: #fdfdfd;
- border-color: #fcfcfc;
-}
-
-.alert-light hr {
- border-top-color: #efefef;
-}
-
-.alert-light .alert-link {
- color: #656565;
-}
-
-.alert-dark {
- color: #191919;
- background-color: #d6d6d6;
- border-color: #c5c5c5;
-}
-
-.alert-dark hr {
- border-top-color: #b8b8b8;
-}
-
-.alert-dark .alert-link {
- color: black;
-}
-
-@-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 1rem 0;
- }
-
- to {
- background-position: 0 0;
- }
-}
-
-@keyframes progress-bar-stripes {
- from {
- background-position: 1rem 0;
- }
-
- to {
- background-position: 0 0;
- }
-}
-
-.progress {
- display: flex;
- height: 1rem;
- overflow: hidden;
- font-size: 0.6375rem;
- background-color: #e9ecef;
- border-radius: 0.75rem;
-}
-
-.progress-bar {
- display: flex;
- flex-direction: column;
- justify-content: center;
- color: #fff;
- text-align: center;
- white-space: nowrap;
- background-color: #0080ff;
- transition: width 0.6s ease;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .progress-bar {
- transition: none;
- }
-}
-
-.progress-bar-striped {
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-size: 1rem 1rem;
-}
-
-.progress-bar-animated {
- -webkit-animation: progress-bar-stripes 1s linear infinite;
- animation: progress-bar-stripes 1s linear infinite;
-}
-
-.media {
- display: flex;
- align-items: flex-start;
-}
-
-.media-body {
- flex: 1;
-}
-
-.list-group {
- display: flex;
- flex-direction: column;
- padding-left: 0;
- margin-bottom: 0;
-}
-
-.list-group-item-action {
- width: 100%;
- color: #0080ff;
- text-align: inherit;
-}
-
-.list-group-item-action:hover, .list-group-item-action:focus {
- color: #f3f3f3;
- text-decoration: none;
- background-color: #111;
-}
-
-.list-group-item-action:active {
- color: #efefef;
- background-color: transparent;
-}
-
-.list-group-item {
- position: relative;
- display: block;
- padding: 0.75rem 1.25rem;
- margin-bottom: -1px;
- background-color: #111;
- border: 1px solid #303030;
-}
-
-.list-group-item:first-child {
- border-top-left-radius: 0.75rem;
- border-top-right-radius: 0.75rem;
-}
-
-.list-group-item:last-child {
- margin-bottom: 0;
- border-bottom-right-radius: 0.75rem;
- border-bottom-left-radius: 0.75rem;
-}
-
-.list-group-item:hover, .list-group-item:focus {
- z-index: 1;
- text-decoration: none;
-}
-
-.list-group-item.disabled, .list-group-item:disabled {
- color: #6c757d;
- background-color: #111;
-}
-
-.list-group-item.active {
- z-index: 2;
- color: #303030;
- background-color: #0080ff;
- border-color: #303030;
-}
-
-.list-group-flush .list-group-item {
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
-
-.list-group-flush:first-child .list-group-item:first-child {
- border-top: 0;
-}
-
-.list-group-flush:last-child .list-group-item:last-child {
- border-bottom: 0;
-}
-
-.list-group-item-primary {
- color: #004385;
- background-color: #b8dbff;
-}
-
-.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
- color: #004385;
- background-color: #9fceff;
-}
-
-.list-group-item-primary.list-group-item-action.active {
- color: #fff;
- background-color: #004385;
- border-color: #004385;
-}
-
-.list-group-item-secondary {
- color: #003258;
- background-color: #b8d2e7;
-}
-
-.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
- color: #003258;
- background-color: #a5c6e1;
-}
-
-.list-group-item-secondary.list-group-item-action.active {
- color: #fff;
- background-color: #003258;
- border-color: #003258;
-}
-
-.list-group-item-success {
- color: #155724;
- background-color: #c3e6cb;
-}
-
-.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
- color: #155724;
- background-color: #b1dfbb;
-}
-
-.list-group-item-success.list-group-item-action.active {
- color: #fff;
- background-color: #155724;
- border-color: #155724;
-}
-
-.list-group-item-info {
- color: #005885;
- background-color: #b8e7ff;
-}
-
-.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
- color: #005885;
- background-color: #9fdeff;
-}
-
-.list-group-item-info.list-group-item-action.active {
- color: #fff;
- background-color: #005885;
- border-color: #005885;
-}
-
-.list-group-item-warning {
- color: #856404;
- background-color: #ffeeba;
-}
-
-.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
- color: #856404;
- background-color: #ffe8a1;
-}
-
-.list-group-item-warning.list-group-item-action.active {
- color: #fff;
- background-color: #856404;
- border-color: #856404;
-}
-
-.list-group-item-danger {
- color: #721c24;
- background-color: #f5c6cb;
-}
-
-.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
- color: #721c24;
- background-color: #f1b0b7;
-}
-
-.list-group-item-danger.list-group-item-action.active {
- color: #fff;
- background-color: #721c24;
- border-color: #721c24;
-}
-
-.list-group-item-light {
- color: #7e7e7e;
- background-color: #fcfcfc;
-}
-
-.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
- color: #7e7e7e;
- background-color: #efefef;
-}
-
-.list-group-item-light.list-group-item-action.active {
- color: #fff;
- background-color: #7e7e7e;
- border-color: #7e7e7e;
-}
-
-.list-group-item-dark {
- color: #191919;
- background-color: #c5c5c5;
-}
-
-.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
- color: #191919;
- background-color: #b8b8b8;
-}
-
-.list-group-item-dark.list-group-item-action.active {
- color: #fff;
- background-color: #191919;
- border-color: #191919;
-}
-
-.close {
- float: right;
- font-size: 1.275rem;
- font-weight: 700;
- line-height: 1;
- color: #000;
- text-shadow: 0 1px 0 #fff;
- opacity: .5;
-}
-
-.close:not(:disabled):not(.disabled) {
- cursor: pointer;
-}
-
-.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
- color: #000;
- text-decoration: none;
- opacity: .75;
-}
-
-button.close {
- padding: 0;
- background-color: transparent;
- border: 0;
- -webkit-appearance: none;
-}
-
-.modal-open {
- overflow: hidden;
-}
-
-.modal-open .modal {
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.modal {
- position: fixed;
- top: 20%;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1050;
- display: none;
- overflow: hidden;
- outline: 0;
-}
-
-.modal-dialog {
- position: relative;
- width: auto;
- margin: 0.5rem;
- pointer-events: none;
-}
-
-.modal.fade .modal-dialog {
- transition: -webkit-transform 0.3s ease-out;
- transition: transform 0.3s ease-out;
- transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
- -webkit-transform: translate(0, -25%);
- transform: translate(0, -25%);
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
- .modal.fade .modal-dialog {
- transition: none;
- }
-}
-
-.modal.show .modal-dialog {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
-}
-
-.modal-dialog-centered {
- display: flex;
- align-items: center;
- min-height: calc(100% - (0.5rem * 2));
-}
-
-.modal-dialog-centered::before {
- display: block;
- height: calc(100vh - (0.5rem * 2));
- content: "";
-}
-
-.modal-content {
- position: relative;
- display: flex;
- flex-direction: column;
- width: 100%;
- pointer-events: auto;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 0.9rem;
- outline: 0;
-}
-
-.modal-backdrop {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1040;
- background-color: #000;
-}
-
-.modal-backdrop.fade {
- opacity: 0;
-}
-
-.modal-backdrop.show {
- opacity: 0.5;
-}
-
-.modal-header {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- padding: 1rem;
- border-bottom: 1px solid #e9ecef;
- border-top-left-radius: 0.9rem;
- border-top-right-radius: 0.9rem;
-}
-
-.modal-header .close {
- padding: 1rem;
- margin: -1rem -1rem -1rem auto;
-}
-
-.modal-title {
- margin-bottom: 0;
- line-height: 1.8;
-}
-
-.modal-body {
- position: relative;
- flex: 1 1 auto;
- padding: 1rem;
-}
-
-.modal-footer {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- padding: 1rem;
- border-top: 1px solid #e9ecef;
-}
-
-.modal-footer> :not(:first-child) {
- margin-left: .25rem;
-}
-
-.modal-footer> :not(:last-child) {
- margin-right: .25rem;
-}
-
-.modal-scrollbar-measure {
- position: absolute;
- top: -9999px;
- width: 50px;
- height: 50px;
- overflow: scroll;
-}
-
-@media (min-width: 576px) {
- .modal-dialog {
- max-width: 500px;
- margin: 1.75rem auto;
- }
-
- .modal-dialog-centered {
- min-height: calc(100% - (1.75rem * 2));
- }
-
- .modal-dialog-centered::before {
- height: calc(100vh - (1.75rem * 2));
- }
-
- .modal-sm {
- max-width: 300px;
- }
-}
-
-@media (min-width: 992px) {
- .modal-lg {
- max-width: 800px;
- }
-}
-
-.tooltip {
- position: absolute;
- z-index: 1070;
- display: block;
- margin: 0;
- font-family: Montserrat;
- font-style: normal;
- font-weight: 200;
- line-height: 1.8;
- text-align: left;
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
- font-size: 0.74375rem;
- word-wrap: break-word;
- opacity: 0;
-}
-
-.tooltip.show {
- opacity: 0.9;
-}
-
-.tooltip .arrow {
- position: absolute;
- display: block;
- width: 0.8rem;
- height: 0.4rem;
-}
-
-.tooltip .arrow::before {
- position: absolute;
- content: "";
- border-color: transparent;
- border-style: solid;
-}
-
-.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
- padding: 0.4rem 0;
-}
-
-.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
- bottom: 0;
-}
-
-.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
- top: 0;
- border-width: 0.4rem 0.4rem 0;
- border-top-color: #000;
-}
-
-.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
- padding: 0 0.4rem;
-}
-
-.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
- left: 0;
- width: 0.4rem;
- height: 0.8rem;
-}
-
-.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
- right: 0;
- border-width: 0.4rem 0.4rem 0.4rem 0;
- border-right-color: #000;
-}
-
-.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
- padding: 0.4rem 0;
-}
-
-.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
- top: 0;
-}
-
-.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
- bottom: 0;
- border-width: 0 0.4rem 0.4rem;
- border-bottom-color: #000;
-}
-
-.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
- padding: 0 0.4rem;
-}
-
-.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
- right: 0;
- width: 0.4rem;
- height: 0.8rem;
-}
-
-.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
- left: 0;
- border-width: 0.4rem 0 0.4rem 0.4rem;
- border-left-color: #000;
-}
-
-.tooltip-inner {
- max-width: 200px;
- padding: 0.25rem 0.5rem;
- color: #fff;
- text-align: center;
- background-color: #000;
- border-radius: 0.75rem;
-}
-
-.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1060;
- display: block;
- max-width: 276px;
- font-family: Montserrat;
- font-style: normal;
- font-weight: 200;
- line-height: 1.8;
- text-align: left;
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
- font-size: 0.74375rem;
- word-wrap: break-word;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 0.9rem;
-}
-
-.popover .arrow {
- position: absolute;
- display: block;
- width: 1rem;
- height: 0.5rem;
- margin: 0 0.9rem;
-}
-
-.popover .arrow::before, .popover .arrow::after {
- position: absolute;
- display: block;
- content: "";
- border-color: transparent;
- border-style: solid;
-}
-
-.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
- margin-bottom: 0.5rem;
-}
-
-.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
- bottom: calc((0.5rem + 1px) * -1);
-}
-
-.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
-.bs-popover-top .arrow::after,
-.bs-popover-auto[x-placement^="top"] .arrow::after {
- border-width: 0.5rem 0.5rem 0;
-}
-
-.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
- bottom: 0;
- border-top-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-top .arrow::after,
-.bs-popover-auto[x-placement^="top"] .arrow::after {
- bottom: 1px;
- border-top-color: #fff;
-}
-
-.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
- margin-left: 0.5rem;
-}
-
-.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
- left: calc((0.5rem + 1px) * -1);
- width: 0.5rem;
- height: 1rem;
- margin: 0.9rem 0;
-}
-
-.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
-.bs-popover-right .arrow::after,
-.bs-popover-auto[x-placement^="right"] .arrow::after {
- border-width: 0.5rem 0.5rem 0.5rem 0;
-}
-
-.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
- left: 0;
- border-right-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-right .arrow::after,
-.bs-popover-auto[x-placement^="right"] .arrow::after {
- left: 1px;
- border-right-color: #fff;
-}
-
-.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
- margin-top: 0.5rem;
-}
-
-.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
- top: calc((0.5rem + 1px) * -1);
-}
-
-.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
-.bs-popover-bottom .arrow::after,
-.bs-popover-auto[x-placement^="bottom"] .arrow::after {
- border-width: 0 0.5rem 0.5rem 0.5rem;
-}
-
-.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
- top: 0;
- border-bottom-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-bottom .arrow::after,
-.bs-popover-auto[x-placement^="bottom"] .arrow::after {
- top: 1px;
- border-bottom-color: #fff;
-}
-
-.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
- position: absolute;
- top: 0;
- left: 50%;
- display: block;
- width: 1rem;
- margin-left: -0.5rem;
- content: "";
- border-bottom: 1px solid #f7f7f7;
-}
-
-.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
- margin-right: 0.5rem;
-}
-
-.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
- right: calc((0.5rem + 1px) * -1);
- width: 0.5rem;
- height: 1rem;
- margin: 0.9rem 0;
-}
-
-.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
-.bs-popover-left .arrow::after,
-.bs-popover-auto[x-placement^="left"] .arrow::after {
- border-width: 0.5rem 0 0.5rem 0.5rem;
-}
-
-.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
- right: 0;
- border-left-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-left .arrow::after,
-.bs-popover-auto[x-placement^="left"] .arrow::after {
- right: 1px;
- border-left-color: #fff;
-}
-
-.popover-header {
- padding: 0.5rem 0.75rem;
- margin-bottom: 0;
- font-size: 0.85rem;
- color: inherit;
- background-color: #f7f7f7;
- border-bottom: 1px solid #ebebeb;
- border-top-left-radius: calc(0.9rem - 1px);
- border-top-right-radius: calc(0.9rem - 1px);
-}
-
-.popover-header:empty {
- display: none;
-}
-
-.popover-body {
- padding: 0.5rem 0.75rem;
- color: #efefef;
-}
-
-.carousel {
- position: relative;
-}
-
-.carousel-inner {
- position: relative;
- width: 100%;
- overflow: hidden;
-}
-
-.carousel-item {
- position: relative;
- display: none;
- align-items: center;
- width: 100%;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-perspective: 1000px;
- perspective: 1000px;
-}
-
-.carousel-item.active,
-.carousel-item-next,
-.carousel-item-prev {
- display: block;
- transition: -webkit-transform 0.6s ease;
- transition: transform 0.6s ease;
- transition: transform 0.6s ease, -webkit-transform 0.6s ease;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
-
- .carousel-item.active,
- .carousel-item-next,
- .carousel-item-prev {
- transition: none;
- }
-}
-
-.carousel-item-next,
-.carousel-item-prev {
- position: absolute;
- top: 0;
-}
-
-.carousel-item-next.carousel-item-left,
-.carousel-item-prev.carousel-item-right {
- -webkit-transform: translateX(0);
- transform: translateX(0);
-}
-
-@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
-
- .carousel-item-next.carousel-item-left,
- .carousel-item-prev.carousel-item-right {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
-}
-
-.carousel-item-next,
-.active.carousel-item-right {
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
-}
-
-@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
-
- .carousel-item-next,
- .active.carousel-item-right {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
-}
-
-.carousel-item-prev,
-.active.carousel-item-left {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
-}
-
-@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
-
- .carousel-item-prev,
- .active.carousel-item-left {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
-}
-
-.carousel-fade .carousel-item {
- opacity: 0;
- transition-duration: .6s;
- transition-property: opacity;
-}
-
-.carousel-fade .carousel-item.active,
-.carousel-fade .carousel-item-next.carousel-item-left,
-.carousel-fade .carousel-item-prev.carousel-item-right {
- opacity: 1;
-}
-
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-right {
- opacity: 0;
-}
-
-.carousel-fade .carousel-item-next,
-.carousel-fade .carousel-item-prev,
-.carousel-fade .carousel-item.active,
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-prev {
- -webkit-transform: translateX(0);
- transform: translateX(0);
-}
-
-@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
-
- .carousel-fade .carousel-item-next,
- .carousel-fade .carousel-item-prev,
- .carousel-fade .carousel-item.active,
- .carousel-fade .active.carousel-item-left,
- .carousel-fade .active.carousel-item-prev {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
-}
-
-.carousel-control-prev,
-.carousel-control-next {
- position: absolute;
- top: 0;
- bottom: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 15%;
- color: #fff;
- text-align: center;
- opacity: 0.5;
-}
-
-.carousel-control-prev:hover, .carousel-control-prev:focus,
-.carousel-control-next:hover,
-.carousel-control-next:focus {
- color: #fff;
- text-decoration: none;
- outline: 0;
- opacity: .9;
-}
-
-.carousel-control-prev {
- left: 0;
-}
-
-.carousel-control-next {
- right: 0;
-}
-
-.carousel-control-prev-icon,
-.carousel-control-next-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- background: transparent no-repeat center center;
- background-size: 100% 100%;
-}
-
-.carousel-control-prev-icon {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
-}
-
-.carousel-control-next-icon {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
-}
-
-.carousel-indicators {
- position: absolute;
- right: 0;
- bottom: 10px;
- left: 0;
- z-index: 15;
- display: flex;
- justify-content: center;
- padding-left: 0;
- margin-right: 15%;
- margin-left: 15%;
- list-style: none;
-}
-
-.carousel-indicators li {
- position: relative;
- flex: 0 1 auto;
- width: 30px;
- height: 6px;
- margin-right: 3px;
- margin-left: 3px;
- text-indent: -999px;
- cursor: pointer;
- background-color: rgba(255, 255, 255, 0.5);
-}
-
-.carousel-indicators li::before {
- position: absolute;
- top: -10px;
- left: 0;
- display: inline-block;
- width: 100%;
- height: 10px;
- content: "";
-}
-
-.carousel-indicators li::after {
- position: absolute;
- bottom: -10px;
- left: 0;
- display: inline-block;
- width: 100%;
- height: 10px;
- content: "";
-}
-
-.carousel-indicators .active {
- background-color: #fff;
-}
-
-.carousel-caption {
- position: absolute;
- right: 0%;
- bottom: 20px;
- left: 0%;
- z-index: 10;
- padding-top: 20px;
- padding-bottom: 20px;
- color: #fff;
- text-align: center;
-}
-
-.align-baseline {
- vertical-align: baseline !important;
-}
-
-.align-top {
- vertical-align: top !important;
-}
-
-.align-middle {
- vertical-align: middle !important;
-}
-
-.align-bottom {
- vertical-align: bottom !important;
-}
-
-.align-text-bottom {
- vertical-align: text-bottom !important;
-}
-
-.align-text-top {
- vertical-align: text-top !important;
-}
-
-.bg-primary {
- background-color: #0080ff !important;
-}
-
-a.bg-primary:hover, a.bg-primary:focus,
-button.bg-primary:hover,
-button.bg-primary:focus {
- background-color: #0066cc !important;
-}
-
-.bg-secondary {
- background-color: #0060aa !important;
-}
-
-a.bg-secondary:hover, a.bg-secondary:focus,
-button.bg-secondary:hover,
-button.bg-secondary:focus {
- background-color: #004377 !important;
-}
-
-.bg-success {
- background-color: #28a745 !important;
-}
-
-a.bg-success:hover, a.bg-success:focus,
-button.bg-success:hover,
-button.bg-success:focus {
- background-color: #1e7e34 !important;
-}
-
-.bg-info {
- background-color: #00aaff !important;
-}
-
-a.bg-info:hover, a.bg-info:focus,
-button.bg-info:hover,
-button.bg-info:focus {
- background-color: #0088cc !important;
-}
-
-.bg-warning {
- background-color: #ffc107 !important;
-}
-
-a.bg-warning:hover, a.bg-warning:focus,
-button.bg-warning:hover,
-button.bg-warning:focus {
- background-color: #d39e00 !important;
-}
-
-.bg-danger {
- background-color: #dc3545 !important;
-}
-
-a.bg-danger:hover, a.bg-danger:focus,
-button.bg-danger:hover,
-button.bg-danger:focus {
- background-color: #bd2130 !important;
-}
-
-.bg-light {
- background-color: #f3f3f3 !important;
-}
-
-a.bg-light:hover, a.bg-light:focus,
-button.bg-light:hover,
-button.bg-light:focus {
- background-color: #dadada !important;
-}
-
-.bg-dark {
- background-color: #303030 !important;
-}
-
-a.bg-dark:hover, a.bg-dark:focus,
-button.bg-dark:hover,
-button.bg-dark:focus {
- background-color: #171717 !important;
-}
-
-.bg-white {
- background-color: #fff !important;
-}
-
-.bg-transparent {
- background-color: transparent !important;
-}
-
-.border {
- border: 1px solid #dee2e6 !important;
-}
-
-.border-top {
- border-top: 1px solid #dee2e6 !important;
-}
-
-.border-right {
- border-right: 1px solid #dee2e6 !important;
-}
-
-.border-bottom {
- border-bottom: 1px solid #dee2e6 !important;
-}
-
-.border-left {
- border-left: 1px solid #dee2e6 !important;
-}
-
-.border-0 {
- border: 0 !important;
-}
-
-.border-top-0 {
- border-top: 0 !important;
-}
-
-.border-right-0 {
- border-right: 0 !important;
-}
-
-.border-bottom-0 {
- border-bottom: 0 !important;
-}
-
-.border-left-0 {
- border-left: 0 !important;
-}
-
-.border-primary {
- border-color: #0080ff !important;
-}
-
-.border-secondary {
- border-color: #0060aa !important;
-}
-
-.border-success {
- border-color: #28a745 !important;
-}
-
-.border-info {
- border-color: #00aaff !important;
-}
-
-.border-warning {
- border-color: #ffc107 !important;
-}
-
-.border-danger {
- border-color: #dc3545 !important;
-}
-
-.border-light {
- border-color: #f3f3f3 !important;
-}
-
-.border-dark {
- border-color: #303030 !important;
-}
-
-.border-white {
- border-color: #fff !important;
-}
-
-.rounded {
- border-radius: 0.75rem !important;
-}
-
-.rounded-top {
- border-top-left-radius: 0.75rem !important;
- border-top-right-radius: 0.75rem !important;
-}
-
-.rounded-right {
- border-top-right-radius: 0.75rem !important;
- border-bottom-right-radius: 0.75rem !important;
-}
-
-.rounded-bottom {
- border-bottom-right-radius: 0.75rem !important;
- border-bottom-left-radius: 0.75rem !important;
-}
-
-.rounded-left {
- border-top-left-radius: 0.75rem !important;
- border-bottom-left-radius: 0.75rem !important;
-}
-
-.rounded-circle {
- border-radius: 50% !important;
-}
-
-.rounded-0 {
- border-radius: 0 !important;
-}
-
-.clearfix::after {
- display: block;
- clear: both;
- content: "";
-}
-
-.d-none {
- display: none !important;
-}
-
-.d-inline {
- display: inline !important;
-}
-
-.d-inline-block {
- display: inline-block !important;
-}
-
-.d-block {
- display: block !important;
-}
-
-.d-table {
- display: table !important;
-}
-
-.d-table-row {
- display: table-row !important;
-}
-
-.d-table-cell {
- display: table-cell !important;
-}
-
-.d-flex {
- display: flex !important;
-}
-
-.d-inline-flex {
- display: inline-flex !important;
-}
-
-@media (min-width: 576px) {
- .d-sm-none {
- display: none !important;
- }
-
- .d-sm-inline {
- display: inline !important;
- }
-
- .d-sm-inline-block {
- display: inline-block !important;
- }
-
- .d-sm-block {
- display: block !important;
- }
-
- .d-sm-table {
- display: table !important;
- }
-
- .d-sm-table-row {
- display: table-row !important;
- }
-
- .d-sm-table-cell {
- display: table-cell !important;
- }
-
- .d-sm-flex {
- display: flex !important;
- }
-
- .d-sm-inline-flex {
- display: inline-flex !important;
- }
-}
-
-@media (min-width: 868px) {
- .d-md-none {
- display: none !important;
- }
-
- .d-md-inline {
- display: inline !important;
- }
-
- .d-md-inline-block {
- display: inline-block !important;
- }
-
- .d-md-block {
- display: block !important;
- }
-
- .d-md-table {
- display: table !important;
- }
-
- .d-md-table-row {
- display: table-row !important;
- }
-
- .d-md-table-cell {
- display: table-cell !important;
- }
-
- .d-md-flex {
- display: flex !important;
- }
-
- .d-md-inline-flex {
- display: inline-flex !important;
- }
-}
-
-@media (min-width: 992px) {
- .d-lg-none {
- display: none !important;
- }
-
- .d-lg-inline {
- display: inline !important;
- }
-
- .d-lg-inline-block {
- display: inline-block !important;
- }
-
- .d-lg-block {
- display: block !important;
- }
-
- .d-lg-table {
- display: table !important;
- }
-
- .d-lg-table-row {
- display: table-row !important;
- }
-
- .d-lg-table-cell {
- display: table-cell !important;
- }
-
- .d-lg-flex {
- display: flex !important;
- }
-
- .d-lg-inline-flex {
- display: inline-flex !important;
- }
-}
-
-@media (min-width: 1200px) {
- .d-xl-none {
- display: none !important;
- }
-
- .d-xl-inline {
- display: inline !important;
- }
-
- .d-xl-inline-block {
- display: inline-block !important;
- }
-
- .d-xl-block {
- display: block !important;
- }
-
- .d-xl-table {
- display: table !important;
- }
-
- .d-xl-table-row {
- display: table-row !important;
- }
-
- .d-xl-table-cell {
- display: table-cell !important;
- }
-
- .d-xl-flex {
- display: flex !important;
- }
-
- .d-xl-inline-flex {
- display: inline-flex !important;
- }
-}
-
-@media print {
- .d-print-none {
- display: none !important;
- }
-
- .d-print-inline {
- display: inline !important;
- }
-
- .d-print-inline-block {
- display: inline-block !important;
- }
-
- .d-print-block {
- display: block !important;
- }
-
- .d-print-table {
- display: table !important;
- }
-
- .d-print-table-row {
- display: table-row !important;
- }
-
- .d-print-table-cell {
- display: table-cell !important;
- }
-
- .d-print-flex {
- display: flex !important;
- }
-
- .d-print-inline-flex {
- display: inline-flex !important;
- }
-}
-
-.embed-responsive {
- position: relative;
- display: block;
- width: 100%;
- padding: 0;
- overflow: hidden;
-}
-
-.embed-responsive::before {
- display: block;
- content: "";
-}
-
-.embed-responsive .embed-responsive-item,
-.embed-responsive iframe,
-.embed-responsive embed,
-.embed-responsive object,
-.embed-responsive video {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: 0;
-}
-
-.embed-responsive-21by9::before {
- padding-top: 42.85714%;
-}
-
-.embed-responsive-16by9::before {
- padding-top: 56.25%;
-}
-
-.embed-responsive-4by3::before {
- padding-top: 75%;
-}
-
-.embed-responsive-1by1::before {
- padding-top: 100%;
-}
-
-.flex-row {
- flex-direction: row !important;
-}
-
-.flex-column {
- flex-direction: column !important;
-}
-
-.flex-row-reverse {
- flex-direction: row-reverse !important;
-}
-
-.flex-column-reverse {
- flex-direction: column-reverse !important;
-}
-
-.flex-wrap {
- flex-wrap: wrap !important;
-}
-
-.flex-nowrap {
- flex-wrap: nowrap !important;
-}
-
-.flex-wrap-reverse {
- flex-wrap: wrap-reverse !important;
-}
-
-.flex-fill {
- flex: 1 1 auto !important;
-}
-
-.flex-grow-0 {
- flex-grow: 0 !important;
-}
-
-.flex-grow-1 {
- flex-grow: 1 !important;
-}
-
-.flex-shrink-0 {
- flex-shrink: 0 !important;
-}
-
-.flex-shrink-1 {
- flex-shrink: 1 !important;
-}
-
-.justify-content-start {
- justify-content: flex-start !important;
-}
-
-.justify-content-end {
- justify-content: flex-end !important;
-}
-
-.justify-content-center {
- justify-content: center !important;
-}
-
-.justify-content-between {
- justify-content: space-between !important;
-}
-
-.justify-content-around {
- justify-content: space-around !important;
-}
-
-.align-items-start {
- align-items: flex-start !important;
-}
-
-.align-items-end {
- align-items: flex-end !important;
-}
-
-.align-items-center {
- align-items: center !important;
-}
-
-.align-items-baseline {
- align-items: baseline !important;
-}
-
-.align-items-stretch {
- align-items: stretch !important;
-}
-
-.align-content-start {
- align-content: flex-start !important;
-}
-
-.align-content-end {
- align-content: flex-end !important;
-}
-
-.align-content-center {
- align-content: center !important;
-}
-
-.align-content-between {
- align-content: space-between !important;
-}
-
-.align-content-around {
- align-content: space-around !important;
-}
-
-.align-content-stretch {
- align-content: stretch !important;
-}
-
-.align-self-auto {
- align-self: auto !important;
-}
-
-.align-self-start {
- align-self: flex-start !important;
-}
-
-.align-self-end {
- align-self: flex-end !important;
-}
-
-.align-self-center {
- align-self: center !important;
-}
-
-.align-self-baseline {
- align-self: baseline !important;
-}
-
-.align-self-stretch {
- align-self: stretch !important;
-}
-
-@media (min-width: 576px) {
- .flex-sm-row {
- flex-direction: row !important;
- }
-
- .flex-sm-column {
- flex-direction: column !important;
- }
-
- .flex-sm-row-reverse {
- flex-direction: row-reverse !important;
- }
-
- .flex-sm-column-reverse {
- flex-direction: column-reverse !important;
- }
-
- .flex-sm-wrap {
- flex-wrap: wrap !important;
- }
-
- .flex-sm-nowrap {
- flex-wrap: nowrap !important;
- }
-
- .flex-sm-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
-
- .flex-sm-fill {
- flex: 1 1 auto !important;
- }
-
- .flex-sm-grow-0 {
- flex-grow: 0 !important;
- }
-
- .flex-sm-grow-1 {
- flex-grow: 1 !important;
- }
-
- .flex-sm-shrink-0 {
- flex-shrink: 0 !important;
- }
-
- .flex-sm-shrink-1 {
- flex-shrink: 1 !important;
- }
-
- .justify-content-sm-start {
- justify-content: flex-start !important;
- }
-
- .justify-content-sm-end {
- justify-content: flex-end !important;
- }
-
- .justify-content-sm-center {
- justify-content: center !important;
- }
-
- .justify-content-sm-between {
- justify-content: space-between !important;
- }
-
- .justify-content-sm-around {
- justify-content: space-around !important;
- }
-
- .align-items-sm-start {
- align-items: flex-start !important;
- }
-
- .align-items-sm-end {
- align-items: flex-end !important;
- }
-
- .align-items-sm-center {
- align-items: center !important;
- }
-
- .align-items-sm-baseline {
- align-items: baseline !important;
- }
-
- .align-items-sm-stretch {
- align-items: stretch !important;
- }
-
- .align-content-sm-start {
- align-content: flex-start !important;
- }
-
- .align-content-sm-end {
- align-content: flex-end !important;
- }
-
- .align-content-sm-center {
- align-content: center !important;
- }
-
- .align-content-sm-between {
- align-content: space-between !important;
- }
-
- .align-content-sm-around {
- align-content: space-around !important;
- }
-
- .align-content-sm-stretch {
- align-content: stretch !important;
- }
-
- .align-self-sm-auto {
- align-self: auto !important;
- }
-
- .align-self-sm-start {
- align-self: flex-start !important;
- }
-
- .align-self-sm-end {
- align-self: flex-end !important;
- }
-
- .align-self-sm-center {
- align-self: center !important;
- }
-
- .align-self-sm-baseline {
- align-self: baseline !important;
- }
-
- .align-self-sm-stretch {
- align-self: stretch !important;
- }
-}
-
-@media (min-width: 868px) {
- .flex-md-row {
- flex-direction: row !important;
- }
-
- .flex-md-column {
- flex-direction: column !important;
- }
-
- .flex-md-row-reverse {
- flex-direction: row-reverse !important;
- }
-
- .flex-md-column-reverse {
- flex-direction: column-reverse !important;
- }
-
- .flex-md-wrap {
- flex-wrap: wrap !important;
- }
-
- .flex-md-nowrap {
- flex-wrap: nowrap !important;
- }
-
- .flex-md-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
-
- .flex-md-fill {
- flex: 1 1 auto !important;
- }
-
- .flex-md-grow-0 {
- flex-grow: 0 !important;
- }
-
- .flex-md-grow-1 {
- flex-grow: 1 !important;
- }
-
- .flex-md-shrink-0 {
- flex-shrink: 0 !important;
- }
-
- .flex-md-shrink-1 {
- flex-shrink: 1 !important;
- }
-
- .justify-content-md-start {
- justify-content: flex-start !important;
- }
-
- .justify-content-md-end {
- justify-content: flex-end !important;
- }
-
- .justify-content-md-center {
- justify-content: center !important;
- }
-
- .justify-content-md-between {
- justify-content: space-between !important;
- }
-
- .justify-content-md-around {
- justify-content: space-around !important;
- }
-
- .align-items-md-start {
- align-items: flex-start !important;
- }
-
- .align-items-md-end {
- align-items: flex-end !important;
- }
-
- .align-items-md-center {
- align-items: center !important;
- }
-
- .align-items-md-baseline {
- align-items: baseline !important;
- }
-
- .align-items-md-stretch {
- align-items: stretch !important;
- }
-
- .align-content-md-start {
- align-content: flex-start !important;
- }
-
- .align-content-md-end {
- align-content: flex-end !important;
- }
-
- .align-content-md-center {
- align-content: center !important;
- }
-
- .align-content-md-between {
- align-content: space-between !important;
- }
-
- .align-content-md-around {
- align-content: space-around !important;
- }
-
- .align-content-md-stretch {
- align-content: stretch !important;
- }
-
- .align-self-md-auto {
- align-self: auto !important;
- }
-
- .align-self-md-start {
- align-self: flex-start !important;
- }
-
- .align-self-md-end {
- align-self: flex-end !important;
- }
-
- .align-self-md-center {
- align-self: center !important;
- }
-
- .align-self-md-baseline {
- align-self: baseline !important;
- }
-
- .align-self-md-stretch {
- align-self: stretch !important;
- }
-}
-
-@media (min-width: 992px) {
- .flex-lg-row {
- flex-direction: row !important;
- }
-
- .flex-lg-column {
- flex-direction: column !important;
- }
-
- .flex-lg-row-reverse {
- flex-direction: row-reverse !important;
- }
-
- .flex-lg-column-reverse {
- flex-direction: column-reverse !important;
- }
-
- .flex-lg-wrap {
- flex-wrap: wrap !important;
- }
-
- .flex-lg-nowrap {
- flex-wrap: nowrap !important;
- }
-
- .flex-lg-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
-
- .flex-lg-fill {
- flex: 1 1 auto !important;
- }
-
- .flex-lg-grow-0 {
- flex-grow: 0 !important;
- }
-
- .flex-lg-grow-1 {
- flex-grow: 1 !important;
- }
-
- .flex-lg-shrink-0 {
- flex-shrink: 0 !important;
- }
-
- .flex-lg-shrink-1 {
- flex-shrink: 1 !important;
- }
-
- .justify-content-lg-start {
- justify-content: flex-start !important;
- }
-
- .justify-content-lg-end {
- justify-content: flex-end !important;
- }
-
- .justify-content-lg-center {
- justify-content: center !important;
- }
-
- .justify-content-lg-between {
- justify-content: space-between !important;
- }
-
- .justify-content-lg-around {
- justify-content: space-around !important;
- }
-
- .align-items-lg-start {
- align-items: flex-start !important;
- }
-
- .align-items-lg-end {
- align-items: flex-end !important;
- }
-
- .align-items-lg-center {
- align-items: center !important;
- }
-
- .align-items-lg-baseline {
- align-items: baseline !important;
- }
-
- .align-items-lg-stretch {
- align-items: stretch !important;
- }
-
- .align-content-lg-start {
- align-content: flex-start !important;
- }
-
- .align-content-lg-end {
- align-content: flex-end !important;
- }
-
- .align-content-lg-center {
- align-content: center !important;
- }
-
- .align-content-lg-between {
- align-content: space-between !important;
- }
-
- .align-content-lg-around {
- align-content: space-around !important;
- }
-
- .align-content-lg-stretch {
- align-content: stretch !important;
- }
-
- .align-self-lg-auto {
- align-self: auto !important;
- }
-
- .align-self-lg-start {
- align-self: flex-start !important;
- }
-
- .align-self-lg-end {
- align-self: flex-end !important;
- }
-
- .align-self-lg-center {
- align-self: center !important;
- }
-
- .align-self-lg-baseline {
- align-self: baseline !important;
- }
-
- .align-self-lg-stretch {
- align-self: stretch !important;
- }
-}
-
-@media (min-width: 1200px) {
- .flex-xl-row {
- flex-direction: row !important;
- }
-
- .flex-xl-column {
- flex-direction: column !important;
- }
-
- .flex-xl-row-reverse {
- flex-direction: row-reverse !important;
- }
-
- .flex-xl-column-reverse {
- flex-direction: column-reverse !important;
- }
-
- .flex-xl-wrap {
- flex-wrap: wrap !important;
- }
-
- .flex-xl-nowrap {
- flex-wrap: nowrap !important;
- }
-
- .flex-xl-wrap-reverse {
- flex-wrap: wrap-reverse !important;
- }
-
- .flex-xl-fill {
- flex: 1 1 auto !important;
- }
-
- .flex-xl-grow-0 {
- flex-grow: 0 !important;
- }
-
- .flex-xl-grow-1 {
- flex-grow: 1 !important;
- }
-
- .flex-xl-shrink-0 {
- flex-shrink: 0 !important;
- }
-
- .flex-xl-shrink-1 {
- flex-shrink: 1 !important;
- }
-
- .justify-content-xl-start {
- justify-content: flex-start !important;
- }
-
- .justify-content-xl-end {
- justify-content: flex-end !important;
- }
-
- .justify-content-xl-center {
- justify-content: center !important;
- }
-
- .justify-content-xl-between {
- justify-content: space-between !important;
- }
-
- .justify-content-xl-around {
- justify-content: space-around !important;
- }
-
- .align-items-xl-start {
- align-items: flex-start !important;
- }
-
- .align-items-xl-end {
- align-items: flex-end !important;
- }
-
- .align-items-xl-center {
- align-items: center !important;
- }
-
- .align-items-xl-baseline {
- align-items: baseline !important;
- }
-
- .align-items-xl-stretch {
- align-items: stretch !important;
- }
-
- .align-content-xl-start {
- align-content: flex-start !important;
- }
-
- .align-content-xl-end {
- align-content: flex-end !important;
- }
-
- .align-content-xl-center {
- align-content: center !important;
- }
-
- .align-content-xl-between {
- align-content: space-between !important;
- }
-
- .align-content-xl-around {
- align-content: space-around !important;
- }
-
- .align-content-xl-stretch {
- align-content: stretch !important;
- }
-
- .align-self-xl-auto {
- align-self: auto !important;
- }
-
- .align-self-xl-start {
- align-self: flex-start !important;
- }
-
- .align-self-xl-end {
- align-self: flex-end !important;
- }
-
- .align-self-xl-center {
- align-self: center !important;
- }
-
- .align-self-xl-baseline {
- align-self: baseline !important;
- }
-
- .align-self-xl-stretch {
- align-self: stretch !important;
- }
-}
-
-.float-left {
- float: left !important;
-}
-
-.float-right {
- float: right !important;
-}
-
-.float-none {
- float: none !important;
-}
-
-@media (min-width: 576px) {
- .float-sm-left {
- float: left !important;
- }
-
- .float-sm-right {
- float: right !important;
- }
-
- .float-sm-none {
- float: none !important;
- }
-}
-
-@media (min-width: 868px) {
- .float-md-left {
- float: left !important;
- }
-
- .float-md-right {
- float: right !important;
- }
-
- .float-md-none {
- float: none !important;
- }
-}
-
-@media (min-width: 992px) {
- .float-lg-left {
- float: left !important;
- }
-
- .float-lg-right {
- float: right !important;
- }
-
- .float-lg-none {
- float: none !important;
- }
-}
-
-@media (min-width: 1200px) {
- .float-xl-left {
- float: left !important;
- }
-
- .float-xl-right {
- float: right !important;
- }
-
- .float-xl-none {
- float: none !important;
- }
-}
-
-.position-static {
- position: static !important;
-}
-
-.position-relative {
- position: relative !important;
-}
-
-.position-absolute {
- position: absolute !important;
-}
-
-.position-fixed {
- position: fixed !important;
-}
-
-.position-sticky {
- position: -webkit-sticky !important;
- position: sticky !important;
-}
-
-.fixed-top {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: 1030;
-}
-
-.fixed-bottom {
- position: fixed;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1030;
-}
-
-@supports ((position: -webkit-sticky) or (position: sticky)) {
- .sticky-top {
- position: -webkit-sticky;
- position: sticky;
- top: 0;
- z-index: 1020;
- }
-}
-
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- border: 0;
-}
-
-.sr-only-focusable:active, .sr-only-focusable:focus {
- position: static;
- width: auto;
- height: auto;
- overflow: visible;
- clip: auto;
- white-space: normal;
-}
-
-.shadow-sm {
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
-}
-
-.shadow {
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
-}
-
-.shadow-lg {
- box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
-}
-
-.shadow-none {
- box-shadow: none !important;
-}
-
-.w-25 {
- width: 25% !important;
-}
-
-.w-50 {
- width: 50% !important;
-}
-
-.w-75 {
- width: 75% !important;
-}
-
-.w-100 {
- width: 100% !important;
-}
-
-.w-auto {
- width: auto !important;
-}
-
-.h-25 {
- height: 25% !important;
-}
-
-.h-50 {
- height: 50% !important;
-}
-
-.h-75 {
- height: 75% !important;
-}
-
-.h-100 {
- height: 100% !important;
-}
-
-.h-auto {
- height: auto !important;
-}
-
-.mw-100 {
- max-width: 100% !important;
-}
-
-.mh-100 {
- max-height: 100% !important;
-}
-
-.m-0 {
- margin: 0 !important;
-}
-
-.mt-0,
-.my-0 {
- margin-top: 0 !important;
-}
-
-.mr-0,
-.mx-0 {
- margin-right: 0 !important;
-}
-
-.mb-0,
-.my-0 {
- margin-bottom: 0 !important;
-}
-
-.ml-0,
-.mx-0 {
- margin-left: 0 !important;
-}
-
-.m-1 {
- margin: 0.375rem !important;
-}
-
-.mt-1,
-.my-1 {
- margin-top: 0.375rem !important;
-}
-
-.mr-1,
-.mx-1 {
- margin-right: 0.375rem !important;
-}
-
-.mb-1,
-.my-1 {
- margin-bottom: 0.375rem !important;
-}
-
-.ml-1,
-.mx-1 {
- margin-left: 0.375rem !important;
-}
-
-.m-2 {
- margin: 0.75rem !important;
-}
-
-.mt-2,
-.my-2 {
- margin-top: 0.75rem !important;
-}
-
-.mr-2,
-.mx-2 {
- margin-right: 0.75rem !important;
-}
-
-.mb-2,
-.my-2 {
- margin-bottom: 0.75rem !important;
-}
-
-.ml-2,
-.mx-2 {
- margin-left: 0.75rem !important;
-}
-
-.m-3 {
- margin: 1.5rem !important;
-}
-
-.mt-3,
-.my-3 {
- margin-top: 1.5rem !important;
-}
-
-.mr-3,
-.mx-3 {
- margin-right: 1.5rem !important;
-}
-
-.mb-3,
-.my-3 {
- margin-bottom: 1.5rem !important;
-}
-
-.ml-3,
-.mx-3 {
- margin-left: 1.5rem !important;
-}
-
-.m-4 {
- margin: 2.25rem !important;
-}
-
-.mt-4,
-.my-4 {
- margin-top: 2.25rem !important;
-}
-
-.mr-4,
-.mx-4 {
- margin-right: 2.25rem !important;
-}
-
-.mb-4,
-.my-4 {
- margin-bottom: 2.25rem !important;
-}
-
-.ml-4,
-.mx-4 {
- margin-left: 2.25rem !important;
-}
-
-.m-5 {
- margin: 4.5rem !important;
-}
-
-.mt-5,
-.my-5 {
- margin-top: 4.5rem !important;
-}
-
-.mr-5,
-.mx-5 {
- margin-right: 4.5rem !important;
-}
-
-.mb-5,
-.my-5 {
- margin-bottom: 4.5rem !important;
-}
-
-.ml-5,
-.mx-5 {
- margin-left: 4.5rem !important;
-}
-
-.p-0 {
- padding: 0 !important;
-}
-
-.pt-0,
-.py-0 {
- padding-top: 0 !important;
-}
-
-.pr-0,
-.px-0 {
- padding-right: 0 !important;
-}
-
-.pb-0,
-.py-0 {
- padding-bottom: 0 !important;
-}
-
-.pl-0,
-.px-0 {
- padding-left: 0 !important;
-}
-
-.p-1 {
- padding: 0.375rem !important;
-}
-
-.pt-1,
-.py-1 {
- padding-top: 0.375rem !important;
-}
-
-.pr-1,
-.px-1 {
- padding-right: 0.375rem !important;
-}
-
-.pb-1,
-.py-1 {
- padding-bottom: 0.375rem !important;
-}
-
-.pl-1,
-.px-1 {
- padding-left: 0.375rem !important;
-}
-
-.p-2 {
- padding: 0.75rem !important;
-}
-
-.pt-2,
-.py-2 {
- padding-top: 0.75rem !important;
-}
-
-.pr-2,
-.px-2 {
- padding-right: 0.75rem !important;
-}
-
-.pb-2,
-.py-2 {
- padding-bottom: 0.75rem !important;
-}
-
-.pl-2,
-.px-2 {
- padding-left: 0.75rem !important;
-}
-
-.p-3 {
- padding: 1.5rem !important;
-}
-
-.pt-3,
-.py-3 {
- padding-top: 1.5rem !important;
-}
-
-.pr-3,
-.px-3 {
- padding-right: 1.5rem !important;
-}
-
-.pb-3,
-.py-3 {
- padding-bottom: 1.5rem !important;
-}
-
-.pl-3,
-.px-3 {
- padding-left: 1.5rem !important;
-}
-
-.p-4 {
- padding: 2.25rem !important;
-}
-
-.pt-4,
-.py-4 {
- padding-top: 2.25rem !important;
-}
-
-.pr-4,
-.px-4 {
- padding-right: 2.25rem !important;
-}
-
-.pb-4,
-.py-4 {
- padding-bottom: 2.25rem !important;
-}
-
-.pl-4,
-.px-4 {
- padding-left: 2.25rem !important;
-}
-
-.p-5 {
- padding: 4.5rem !important;
-}
-
-.pt-5,
-.py-5 {
- padding-top: 4.5rem !important;
-}
-
-@media (min-width: 576px) {
- .pt-6 {
- max-width: 540px;
- }
-}
-
-@media (min-width: 868px) {
- .pt-6 {
- max-width: 1140px;
- }
-}
-
-.pr-5,
-.px-5 {
- padding-right: 4.5rem !important;
-}
-
-.pb-5,
-.py-5 {
- padding-bottom: 4.5rem !important;
-}
-
-.pl-5,
-.px-5 {
- padding-left: 4.5rem !important;
-}
-
-.m-auto {
- margin: auto !important;
-}
-
-.mt-auto,
-.my-auto {
- margin-top: auto !important;
-}
-
-.mr-auto,
-.mx-auto {
- margin-right: auto !important;
-}
-
-.mb-auto,
-.my-auto {
- margin-bottom: auto !important;
-}
-
-.ml-auto,
-.mx-auto {
- margin-left: auto !important;
-}
-
-@media (min-width: 576px) {
- .m-sm-0 {
- margin: 0 !important;
- }
-
- .mt-sm-0,
- .my-sm-0 {
- margin-top: 0 !important;
- }
-
- .mr-sm-0,
- .mx-sm-0 {
- margin-right: 0 !important;
- }
-
- .mb-sm-0,
- .my-sm-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-sm-0,
- .mx-sm-0 {
- margin-left: 0 !important;
- }
-
- .m-sm-1 {
- margin: 0.375rem !important;
- }
-
- .mt-sm-1,
- .my-sm-1 {
- margin-top: 0.375rem !important;
- }
-
- .mr-sm-1,
- .mx-sm-1 {
- margin-right: 0.375rem !important;
- }
-
- .mb-sm-1,
- .my-sm-1 {
- margin-bottom: 0.375rem !important;
- }
-
- .ml-sm-1,
- .mx-sm-1 {
- margin-left: 0.375rem !important;
- }
-
- .m-sm-2 {
- margin: 0.75rem !important;
- }
-
- .mt-sm-2,
- .my-sm-2 {
- margin-top: 0.75rem !important;
- }
-
- .mr-sm-2,
- .mx-sm-2 {
- margin-right: 0.75rem !important;
- }
-
- .mb-sm-2,
- .my-sm-2 {
- margin-bottom: 0.75rem !important;
- }
-
- .ml-sm-2,
- .mx-sm-2 {
- margin-left: 0.75rem !important;
- }
-
- .m-sm-3 {
- margin: 1.5rem !important;
- }
-
- .mt-sm-3,
- .my-sm-3 {
- margin-top: 1.5rem !important;
- }
-
- .mr-sm-3,
- .mx-sm-3 {
- margin-right: 1.5rem !important;
- }
-
- .mb-sm-3,
- .my-sm-3 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-sm-3,
- .mx-sm-3 {
- margin-left: 1.5rem !important;
- }
-
- .m-sm-4 {
- margin: 2.25rem !important;
- }
-
- .mt-sm-4,
- .my-sm-4 {
- margin-top: 2.25rem !important;
- }
-
- .mr-sm-4,
- .mx-sm-4 {
- margin-right: 2.25rem !important;
- }
-
- .mb-sm-4,
- .my-sm-4 {
- margin-bottom: 2.25rem !important;
- }
-
- .ml-sm-4,
- .mx-sm-4 {
- margin-left: 2.25rem !important;
- }
-
- .m-sm-5 {
- margin: 4.5rem !important;
- }
-
- .mt-sm-5,
- .my-sm-5 {
- margin-top: 4.5rem !important;
- }
-
- .mr-sm-5,
- .mx-sm-5 {
- margin-right: 4.5rem !important;
- }
-
- .mb-sm-5,
- .my-sm-5 {
- margin-bottom: 4.5rem !important;
- }
-
- .ml-sm-5,
- .mx-sm-5 {
- margin-left: 4.5rem !important;
- }
-
- .p-sm-0 {
- padding: 0 !important;
- }
-
- .pt-sm-0,
- .py-sm-0 {
- padding-top: 0 !important;
- }
-
- .pr-sm-0,
- .px-sm-0 {
- padding-right: 0 !important;
- }
-
- .pb-sm-0,
- .py-sm-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-sm-0,
- .px-sm-0 {
- padding-left: 0 !important;
- }
-
- .p-sm-1 {
- padding: 0.375rem !important;
- }
-
- .pt-sm-1,
- .py-sm-1 {
- padding-top: 0.375rem !important;
- }
-
- .pr-sm-1,
- .px-sm-1 {
- padding-right: 0.375rem !important;
- }
-
- .pb-sm-1,
- .py-sm-1 {
- padding-bottom: 0.375rem !important;
- }
-
- .pl-sm-1,
- .px-sm-1 {
- padding-left: 0.375rem !important;
- }
-
- .p-sm-2 {
- padding: 0.75rem !important;
- }
-
- .pt-sm-2,
- .py-sm-2 {
- padding-top: 0.75rem !important;
- }
-
- .pr-sm-2,
- .px-sm-2 {
- padding-right: 0.75rem !important;
- }
-
- .pb-sm-2,
- .py-sm-2 {
- padding-bottom: 0.75rem !important;
- }
-
- .pl-sm-2,
- .px-sm-2 {
- padding-left: 0.75rem !important;
- }
-
- .p-sm-3 {
- padding: 1.5rem !important;
- }
-
- .pt-sm-3,
- .py-sm-3 {
- padding-top: 1.5rem !important;
- }
-
- .pr-sm-3,
- .px-sm-3 {
- padding-right: 1.5rem !important;
- }
-
- .pb-sm-3,
- .py-sm-3 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-sm-3,
- .px-sm-3 {
- padding-left: 1.5rem !important;
- }
-
- .p-sm-4 {
- padding: 2.25rem !important;
- }
-
- .pt-sm-4,
- .py-sm-4 {
- padding-top: 2.25rem !important;
- }
-
- .pr-sm-4,
- .px-sm-4 {
- padding-right: 2.25rem !important;
- }
-
- .pb-sm-4,
- .py-sm-4 {
- padding-bottom: 2.25rem !important;
- }
-
- .pl-sm-4,
- .px-sm-4 {
- padding-left: 2.25rem !important;
- }
-
- .p-sm-5 {
- padding: 4.5rem !important;
- }
-
- .pt-sm-5,
- .py-sm-5 {
- padding-top: 4.5rem !important;
- }
-
- .pr-sm-5,
- .px-sm-5 {
- padding-right: 4.5rem !important;
- }
-
- .pb-sm-5,
- .py-sm-5 {
- padding-bottom: 4.5rem !important;
- }
-
- .pl-sm-5,
- .px-sm-5 {
- padding-left: 4.5rem !important;
- }
-
- .m-sm-auto {
- margin: auto !important;
- }
-
- .mt-sm-auto,
- .my-sm-auto {
- margin-top: auto !important;
- }
-
- .mr-sm-auto,
- .mx-sm-auto {
- margin-right: auto !important;
- }
-
- .mb-sm-auto,
- .my-sm-auto {
- margin-bottom: auto !important;
- }
-
- .ml-sm-auto,
- .mx-sm-auto {
- margin-left: auto !important;
- }
-}
-
-@media (min-width: 868px) {
- .m-md-0 {
- margin: 0 !important;
- }
-
- .mt-md-0,
- .my-md-0 {
- margin-top: 0 !important;
- }
-
- .mr-md-0,
- .mx-md-0 {
- margin-right: 0 !important;
- }
-
- .mb-md-0,
- .my-md-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-md-0,
- .mx-md-0 {
- margin-left: 0 !important;
- }
-
- .m-md-1 {
- margin: 0.375rem !important;
- }
-
- .mt-md-1,
- .my-md-1 {
- margin-top: 0.375rem !important;
- }
-
- .mr-md-1,
- .mx-md-1 {
- margin-right: 0.375rem !important;
- }
-
- .mb-md-1,
- .my-md-1 {
- margin-bottom: 0.375rem !important;
- }
-
- .ml-md-1,
- .mx-md-1 {
- margin-left: 0.375rem !important;
- }
-
- .m-md-2 {
- margin: 0.75rem !important;
- }
-
- .mt-md-2,
- .my-md-2 {
- margin-top: 0.75rem !important;
- }
-
- .mr-md-2,
- .mx-md-2 {
- margin-right: 0.75rem !important;
- }
-
- .mb-md-2,
- .my-md-2 {
- margin-bottom: 0.75rem !important;
- }
-
- .ml-md-2,
- .mx-md-2 {
- margin-left: 0.75rem !important;
- }
-
- .m-md-3 {
- margin: 1.5rem !important;
- }
-
- .mt-md-3,
- .my-md-3 {
- margin-top: 1.5rem !important;
- }
-
- .mr-md-3,
- .mx-md-3 {
- margin-right: 1.5rem !important;
- }
-
- .mb-md-3,
- .my-md-3 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-md-3,
- .mx-md-3 {
- margin-left: 1.5rem !important;
- }
-
- .m-md-4 {
- margin: 2.25rem !important;
- }
-
- .mt-md-4,
- .my-md-4 {
- margin-top: 2.25rem !important;
- }
-
- .mr-md-4,
- .mx-md-4 {
- margin-right: 2.25rem !important;
- }
-
- .mb-md-4,
- .my-md-4 {
- margin-bottom: 2.25rem !important;
- }
-
- .ml-md-4,
- .mx-md-4 {
- margin-left: 2.25rem !important;
- }
-
- .m-md-5 {
- margin: 4.5rem !important;
- }
-
- .mt-md-5,
- .my-md-5 {
- margin-top: 4.5rem !important;
- }
-
- .mr-md-5,
- .mx-md-5 {
- margin-right: 4.5rem !important;
- }
-
- .mb-md-5,
- .my-md-5 {
- margin-bottom: 4.5rem !important;
- }
-
- .ml-md-5,
- .mx-md-5 {
- margin-left: 4.5rem !important;
- }
-
- .p-md-0 {
- padding: 0 !important;
- }
-
- .pt-md-0,
- .py-md-0 {
- padding-top: 0 !important;
- }
-
- .pr-md-0,
- .px-md-0 {
- padding-right: 0 !important;
- }
-
- .pb-md-0,
- .py-md-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-md-0,
- .px-md-0 {
- padding-left: 0 !important;
- }
-
- .p-md-1 {
- padding: 0.375rem !important;
- }
-
- .pt-md-1,
- .py-md-1 {
- padding-top: 0.375rem !important;
- }
-
- .pr-md-1,
- .px-md-1 {
- padding-right: 0.375rem !important;
- }
-
- .pb-md-1,
- .py-md-1 {
- padding-bottom: 0.375rem !important;
- }
-
- .pl-md-1,
- .px-md-1 {
- padding-left: 0.375rem !important;
- }
-
- .p-md-2 {
- padding: 0.75rem !important;
- }
-
- .pt-md-2,
- .py-md-2 {
- padding-top: 0.75rem !important;
- }
-
- .pr-md-2,
- .px-md-2 {
- padding-right: 0.75rem !important;
- }
-
- .pb-md-2,
- .py-md-2 {
- padding-bottom: 0.75rem !important;
- }
-
- .pl-md-2,
- .px-md-2 {
- padding-left: 0.75rem !important;
- }
-
- .p-md-3 {
- padding: 1.5rem !important;
- }
-
- .pt-md-3,
- .py-md-3 {
- padding-top: 1.5rem !important;
- }
-
- .pr-md-3,
- .px-md-3 {
- padding-right: 1.5rem !important;
- }
-
- .pb-md-3,
- .py-md-3 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-md-3,
- .px-md-3 {
- padding-left: 1.5rem !important;
- }
-
- .p-md-4 {
- padding: 2.25rem !important;
- }
-
- .pt-md-4,
- .py-md-4 {
- padding-top: 2.25rem !important;
- }
-
- .pr-md-4,
- .px-md-4 {
- padding-right: 2.25rem !important;
- }
-
- .pb-md-4,
- .py-md-4 {
- padding-bottom: 2.25rem !important;
- }
-
- .pl-md-4,
- .px-md-4 {
- padding-left: 2.25rem !important;
- }
-
- .p-md-5 {
- padding: 4.5rem !important;
- }
-
- .pt-md-5,
- .py-md-5 {
- padding-top: 4.5rem !important;
- }
-
- .pr-md-5,
- .px-md-5 {
- padding-right: 4.5rem !important;
- }
-
- .pb-md-5,
- .py-md-5 {
- padding-bottom: 4.5rem !important;
- }
-
- .pl-md-5,
- .px-md-5 {
- padding-left: 4.5rem !important;
- }
-
- .m-md-auto {
- margin: auto !important;
- }
-
- .mt-md-auto,
- .my-md-auto {
- margin-top: auto !important;
- }
-
- .mr-md-auto,
- .mx-md-auto {
- margin-right: auto !important;
- }
-
- .mb-md-auto,
- .my-md-auto {
- margin-bottom: auto !important;
- }
-
- .ml-md-auto,
- .mx-md-auto {
- margin-left: auto !important;
- }
-}
-
-@media (min-width: 992px) {
- .m-lg-0 {
- margin: 0 !important;
- }
-
- .mt-lg-0,
- .my-lg-0 {
- margin-top: 0 !important;
- }
-
- .mr-lg-0,
- .mx-lg-0 {
- margin-right: 0 !important;
- }
-
- .mb-lg-0,
- .my-lg-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-lg-0,
- .mx-lg-0 {
- margin-left: 0 !important;
- }
-
- .m-lg-1 {
- margin: 0.375rem !important;
- }
-
- .mt-lg-1,
- .my-lg-1 {
- margin-top: 0.375rem !important;
- }
-
- .mr-lg-1,
- .mx-lg-1 {
- margin-right: 0.375rem !important;
- }
-
- .mb-lg-1,
- .my-lg-1 {
- margin-bottom: 0.375rem !important;
- }
-
- .ml-lg-1,
- .mx-lg-1 {
- margin-left: 0.375rem !important;
- }
-
- .m-lg-2 {
- margin: 0.75rem !important;
- }
-
- .mt-lg-2,
- .my-lg-2 {
- margin-top: 0.75rem !important;
- }
-
- .mr-lg-2,
- .mx-lg-2 {
- margin-right: 0.75rem !important;
- }
-
- .mb-lg-2,
- .my-lg-2 {
- margin-bottom: 0.75rem !important;
- }
-
- .ml-lg-2,
- .mx-lg-2 {
- margin-left: 0.75rem !important;
- }
-
- .m-lg-3 {
- margin: 1.5rem !important;
- }
-
- .mt-lg-3,
- .my-lg-3 {
- margin-top: 1.5rem !important;
- }
-
- .mr-lg-3,
- .mx-lg-3 {
- margin-right: 1.5rem !important;
- }
-
- .mb-lg-3,
- .my-lg-3 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-lg-3,
- .mx-lg-3 {
- margin-left: 1.5rem !important;
- }
-
- .m-lg-4 {
- margin: 2.25rem !important;
- }
-
- .mt-lg-4,
- .my-lg-4 {
- margin-top: 2.25rem !important;
- }
-
- .mr-lg-4,
- .mx-lg-4 {
- margin-right: 2.25rem !important;
- }
-
- .mb-lg-4,
- .my-lg-4 {
- margin-bottom: 2.25rem !important;
- }
-
- .ml-lg-4,
- .mx-lg-4 {
- margin-left: 2.25rem !important;
- }
-
- .m-lg-5 {
- margin: 4.5rem !important;
- }
-
- .mt-lg-5,
- .my-lg-5 {
- margin-top: 4.5rem !important;
- }
-
- .mr-lg-5,
- .mx-lg-5 {
- margin-right: 4.5rem !important;
- }
-
- .mb-lg-5,
- .my-lg-5 {
- margin-bottom: 4.5rem !important;
- }
-
- .ml-lg-5,
- .mx-lg-5 {
- margin-left: 4.5rem !important;
- }
-
- .p-lg-0 {
- padding: 0 !important;
- }
-
- .pt-lg-0,
- .py-lg-0 {
- padding-top: 0 !important;
- }
-
- .pr-lg-0,
- .px-lg-0 {
- padding-right: 0 !important;
- }
-
- .pb-lg-0,
- .py-lg-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-lg-0,
- .px-lg-0 {
- padding-left: 0 !important;
- }
-
- .p-lg-1 {
- padding: 0.375rem !important;
- }
-
- .pt-lg-1,
- .py-lg-1 {
- padding-top: 0.375rem !important;
- }
-
- .pr-lg-1,
- .px-lg-1 {
- padding-right: 0.375rem !important;
- }
-
- .pb-lg-1,
- .py-lg-1 {
- padding-bottom: 0.375rem !important;
- }
-
- .pl-lg-1,
- .px-lg-1 {
- padding-left: 0.375rem !important;
- }
-
- .p-lg-2 {
- padding: 0.75rem !important;
- }
-
- .pt-lg-2,
- .py-lg-2 {
- padding-top: 0.75rem !important;
- }
-
- .pr-lg-2,
- .px-lg-2 {
- padding-right: 0.75rem !important;
- }
-
- .pb-lg-2,
- .py-lg-2 {
- padding-bottom: 0.75rem !important;
- }
-
- .pl-lg-2,
- .px-lg-2 {
- padding-left: 0.75rem !important;
- }
-
- .p-lg-3 {
- padding: 1.5rem !important;
- }
-
- .pt-lg-3,
- .py-lg-3 {
- padding-top: 1.5rem !important;
- }
-
- .pr-lg-3,
- .px-lg-3 {
- padding-right: 1.5rem !important;
- }
-
- .pb-lg-3,
- .py-lg-3 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-lg-3,
- .px-lg-3 {
- padding-left: 1.5rem !important;
- }
-
- .p-lg-4 {
- padding: 2.25rem !important;
- }
-
- .pt-lg-4,
- .py-lg-4 {
- padding-top: 2.25rem !important;
- }
-
- .pr-lg-4,
- .px-lg-4 {
- padding-right: 2.25rem !important;
- }
-
- .pb-lg-4,
- .py-lg-4 {
- padding-bottom: 2.25rem !important;
- }
-
- .pl-lg-4,
- .px-lg-4 {
- padding-left: 2.25rem !important;
- }
-
- .p-lg-5 {
- padding: 4.5rem !important;
- }
-
- .pt-lg-5,
- .py-lg-5 {
- padding-top: 4.5rem !important;
- }
-
- .pr-lg-5,
- .px-lg-5 {
- padding-right: 4.5rem !important;
- }
-
- .pb-lg-5,
- .py-lg-5 {
- padding-bottom: 4.5rem !important;
- }
-
- .pl-lg-5,
- .px-lg-5 {
- padding-left: 4.5rem !important;
- }
-
- .m-lg-auto {
- margin: auto !important;
- }
-
- .mt-lg-auto,
- .my-lg-auto {
- margin-top: auto !important;
- }
-
- .mr-lg-auto,
- .mx-lg-auto {
- margin-right: auto !important;
- }
-
- .mb-lg-auto,
- .my-lg-auto {
- margin-bottom: auto !important;
- }
-
- .ml-lg-auto,
- .mx-lg-auto {
- margin-left: auto !important;
- }
-}
-
-@media (min-width: 1200px) {
- .m-xl-0 {
- margin: 0 !important;
- }
-
- .mt-xl-0,
- .my-xl-0 {
- margin-top: 0 !important;
- }
-
- .mr-xl-0,
- .mx-xl-0 {
- margin-right: 0 !important;
- }
-
- .mb-xl-0,
- .my-xl-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-xl-0,
- .mx-xl-0 {
- margin-left: 0 !important;
- }
-
- .m-xl-1 {
- margin: 0.375rem !important;
- }
-
- .mt-xl-1,
- .my-xl-1 {
- margin-top: 0.375rem !important;
- }
-
- .mr-xl-1,
- .mx-xl-1 {
- margin-right: 0.375rem !important;
- }
-
- .mb-xl-1,
- .my-xl-1 {
- margin-bottom: 0.375rem !important;
- }
-
- .ml-xl-1,
- .mx-xl-1 {
- margin-left: 0.375rem !important;
- }
-
- .m-xl-2 {
- margin: 0.75rem !important;
- }
-
- .mt-xl-2,
- .my-xl-2 {
- margin-top: 0.75rem !important;
- }
-
- .mr-xl-2,
- .mx-xl-2 {
- margin-right: 0.75rem !important;
- }
-
- .mb-xl-2,
- .my-xl-2 {
- margin-bottom: 0.75rem !important;
- }
-
- .ml-xl-2,
- .mx-xl-2 {
- margin-left: 0.75rem !important;
- }
-
- .m-xl-3 {
- margin: 1.5rem !important;
- }
-
- .mt-xl-3,
- .my-xl-3 {
- margin-top: 1.5rem !important;
- }
-
- .mr-xl-3,
- .mx-xl-3 {
- margin-right: 1.5rem !important;
- }
-
- .mb-xl-3,
- .my-xl-3 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-xl-3,
- .mx-xl-3 {
- margin-left: 1.5rem !important;
- }
-
- .m-xl-4 {
- margin: 2.25rem !important;
- }
-
- .mt-xl-4,
- .my-xl-4 {
- margin-top: 2.25rem !important;
- }
-
- .mr-xl-4,
- .mx-xl-4 {
- margin-right: 2.25rem !important;
- }
-
- .mb-xl-4,
- .my-xl-4 {
- margin-bottom: 2.25rem !important;
- }
-
- .ml-xl-4,
- .mx-xl-4 {
- margin-left: 2.25rem !important;
- }
-
- .m-xl-5 {
- margin: 4.5rem !important;
- }
-
- .mt-xl-5,
- .my-xl-5 {
- margin-top: 4.5rem !important;
- }
-
- .mr-xl-5,
- .mx-xl-5 {
- margin-right: 4.5rem !important;
- }
-
- .mb-xl-5,
- .my-xl-5 {
- margin-bottom: 4.5rem !important;
- }
-
- .ml-xl-5,
- .mx-xl-5 {
- margin-left: 4.5rem !important;
- }
-
- .p-xl-0 {
- padding: 0 !important;
- }
-
- .pt-xl-0,
- .py-xl-0 {
- padding-top: 0 !important;
- }
-
- .pr-xl-0,
- .px-xl-0 {
- padding-right: 0 !important;
- }
-
- .pb-xl-0,
- .py-xl-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-xl-0,
- .px-xl-0 {
- padding-left: 0 !important;
- }
-
- .p-xl-1 {
- padding: 0.375rem !important;
- }
-
- .pt-xl-1,
- .py-xl-1 {
- padding-top: 0.375rem !important;
- }
-
- .pr-xl-1,
- .px-xl-1 {
- padding-right: 0.375rem !important;
- }
-
- .pb-xl-1,
- .py-xl-1 {
- padding-bottom: 0.375rem !important;
- }
-
- .pl-xl-1,
- .px-xl-1 {
- padding-left: 0.375rem !important;
- }
-
- .p-xl-2 {
- padding: 0.75rem !important;
- }
-
- .pt-xl-2,
- .py-xl-2 {
- padding-top: 0.75rem !important;
- }
-
- .pr-xl-2,
- .px-xl-2 {
- padding-right: 0.75rem !important;
- }
-
- .pb-xl-2,
- .py-xl-2 {
- padding-bottom: 0.75rem !important;
- }
-
- .pl-xl-2,
- .px-xl-2 {
- padding-left: 0.75rem !important;
- }
-
- .p-xl-3 {
- padding: 1.5rem !important;
- }
-
- .pt-xl-3,
- .py-xl-3 {
- padding-top: 1.5rem !important;
- }
-
- .pr-xl-3,
- .px-xl-3 {
- padding-right: 1.5rem !important;
- }
-
- .pb-xl-3,
- .py-xl-3 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-xl-3,
- .px-xl-3 {
- padding-left: 1.5rem !important;
- }
-
- .p-xl-4 {
- padding: 2.25rem !important;
- }
-
- .pt-xl-4,
- .py-xl-4 {
- padding-top: 2.25rem !important;
- }
-
- .pr-xl-4,
- .px-xl-4 {
- padding-right: 2.25rem !important;
- }
-
- .pb-xl-4,
- .py-xl-4 {
- padding-bottom: 2.25rem !important;
- }
-
- .pl-xl-4,
- .px-xl-4 {
- padding-left: 2.25rem !important;
- }
-
- .p-xl-5 {
- padding: 4.5rem !important;
- }
-
- .pt-xl-5,
- .py-xl-5 {
- padding-top: 4.5rem !important;
- }
-
- .pr-xl-5,
- .px-xl-5 {
- padding-right: 4.5rem !important;
- }
-
- .pb-xl-5,
- .py-xl-5 {
- padding-bottom: 4.5rem !important;
- }
-
- .pl-xl-5,
- .px-xl-5 {
- padding-left: 4.5rem !important;
- }
-
- .m-xl-auto {
- margin: auto !important;
- }
-
- .mt-xl-auto,
- .my-xl-auto {
- margin-top: auto !important;
- }
-
- .mr-xl-auto,
- .mx-xl-auto {
- margin-right: auto !important;
- }
-
- .mb-xl-auto,
- .my-xl-auto {
- margin-bottom: auto !important;
- }
-
- .ml-xl-auto,
- .mx-xl-auto {
- margin-left: auto !important;
- }
-}
-
-.text-monospace {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-.text-justify {
- text-align: justify !important;
-}
-
-.text-nowrap {
- white-space: nowrap !important;
-}
-
-.text-truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.text-left {
- text-align: left !important;
-}
-
-.text-right {
- text-align: right !important;
-}
-
-.text-center {
- text-align: center !important;
-}
-
-@media (min-width: 576px) {
- .text-sm-left {
- text-align: left !important;
- }
-
- .text-sm-right {
- text-align: right !important;
- }
-
- .text-sm-center {
- text-align: center !important;
- }
-}
-
-@media (min-width: 868px) {
- .text-md-left {
- text-align: left !important;
- }
-
- .text-md-right {
- text-align: right !important;
- }
-
- .text-md-center {
- text-align: center !important;
- }
-}
-
-@media (min-width: 992px) {
- .text-lg-left {
- text-align: left !important;
- }
-
- .text-lg-right {
- text-align: right !important;
- }
-
- .text-lg-center {
- text-align: center !important;
- }
-}
-
-@media (min-width: 1200px) {
- .text-xl-left {
- text-align: left !important;
- }
-
- .text-xl-right {
- text-align: right !important;
- }
-
- .text-xl-center {
- text-align: center !important;
- }
-}
-
-.text-lowercase {
- text-transform: lowercase !important;
-}
-
-.text-uppercase {
- text-transform: uppercase !important;
-}
-
-.text-capitalize {
- text-transform: capitalize !important;
-}
-
-.font-weight-light {
- font-weight: 300 !important;
-}
-
-.font-weight-normal {
- font-weight: 200 !important;
-}
-
-.font-weight-bold {
- font-weight: 700 !important;
-}
-
-.font-italic {
- font-style: italic !important;
-}
-
-.text-white {
- color: #fff !important;
-}
-
-.text-black {
- color: #000 !important;
-}
-
-.text-primary {
- color: #0080ff !important;
-}
-
-a.text-primary:hover, a.text-primary:focus {
- color: #0066cc !important;
-}
-
-.text-secondary {
- color: #0060aa !important;
-}
-
-a.text-secondary:hover, a.text-secondary:focus {
- color: #004377 !important;
-}
-
-.text-success {
- color: #28a745 !important;
-}
-
-a.text-success:hover, a.text-success:focus {
- color: #1e7e34 !important;
-}
-
-.text-info {
- color: #00aaff !important;
-}
-
-a.text-info:hover, a.text-info:focus {
- color: #0088cc !important;
-}
-
-.text-warning {
- color: #ffc107 !important;
-}
-
-a.text-warning:hover, a.text-warning:focus {
- color: #d39e00 !important;
-}
-
-.text-danger {
- color: #dc3545 !important;
-}
-
-a.text-danger:hover, a.text-danger:focus {
- color: #bd2130 !important;
-}
-
-.text-light {
- color: #f3f3f3 !important;
-}
-
-a.text-light:hover, a.text-light:focus {
- color: #dadada !important;
-}
-
-.text-dark {
- color: #303030 !important;
-}
-
-a.text-dark:hover, a.text-dark:focus {
- color: #171717 !important;
-}
-
-.text-body {
- color: #efefef !important;
-}
-
-.text-muted {
- color: #6c757d !important;
-}
-
-.text-black-50 {
- color: rgba(0, 0, 0, 0.5) !important;
-}
-
-.text-white-50 {
- color: rgba(255, 255, 255, 0.5) !important;
-}
-
-.text-hide {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
-}
-
-.visible {
- visibility: visible !important;
-}
-
-.invisible {
- visibility: hidden !important;
-}
-
-@media print {
-
- *,
- *::before,
- *::after {
- text-shadow: none !important;
- box-shadow: none !important;
- }
-
- a:not(.btn) {
- text-decoration: underline;
- }
-
- abbr[title]::after {
- content: " ("attr(title) ")";
- }
-
- pre {
- white-space: pre-wrap !important;
- }
-
- pre,
- blockquote {
- border: 1px solid #adb5bd;
- page-break-inside: avoid;
- }
-
- thead {
- display: table-header-group;
- }
-
- tr,
- img {
- page-break-inside: avoid;
- }
-
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
-
- h2,
- h3 {
- page-break-after: avoid;
- }
-
- @page {
- size: a3;
- }
-
- body {
- min-width: 992px !important;
- }
-
- .container {
- min-width: 992px !important;
- }
-
- .navbar {
- display: none;
- }
-
- .badge {
- border: 1px solid #000;
- }
-
- .table {
- border-collapse: collapse !important;
- }
-
- .table td,
- .table th {
- background-color: #fff !important;
- }
-
- .table-bordered th,
- .table-bordered td {
- border: 1px solid #dee2e6 !important;
- }
-
- .table-dark {
- color: inherit;
- }
-
- .table-dark th,
- .table-dark td,
- .table-dark thead th,
- .table-dark tbody+tbody {
- border-color: #303030;
- }
-
- .table .thead-dark th {
- color: inherit;
- border-color: #303030;
- }
-}
-
-html, body {
- height: 100%;
-}
-
-.bg-primary {
- color: #fff;
-}
-
-.bg-primary input::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-primary input:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-primary input::-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-primary input::placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-primary .input-group-text {
- color: #fff;
-}
-
-.bg-secondary {
- color: #fff;
-}
-
-.bg-secondary input::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-secondary input:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-secondary input::-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-secondary input::placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-secondary .input-group-text {
- color: #fff;
-}
-
-.bg-success {
- color: #fff;
-}
-
-.bg-success input::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-success input:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-success input::-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-success input::placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-success .input-group-text {
- color: #fff;
-}
-
-.bg-info {
- color: #fff;
-}
-
-.bg-info input::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-info input:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-info input::-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-info input::placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-info .input-group-text {
- color: #fff;
-}
-
-.bg-warning {
- color: #212529;
-}
-
-.bg-warning input::-webkit-input-placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-warning input:-ms-input-placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-warning input::-ms-input-placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-warning input::placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-warning .input-group-text {
- color: #212529;
-}
-
-.bg-danger {
- color: #fff;
-}
-
-.bg-danger input::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-danger input:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-danger input::-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-danger input::placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-danger .input-group-text {
- color: #fff;
-}
-
-.bg-light {
- color: #212529;
-}
-
-.bg-light input::-webkit-input-placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-light input:-ms-input-placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-light input::-ms-input-placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-light input::placeholder {
- color: rgba(33, 37, 41, 0.8);
-}
-
-.bg-light .input-group-text {
- color: #212529;
-}
-
-.bg-dark {
- color: #fff;
-}
-
-.bg-dark input::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-dark input:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-dark input::-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-dark input::placeholder {
- color: rgba(255, 255, 255, 0.8);
-}
-
-.bg-dark .input-group-text {
- color: #fff;
-}
-
-.section-fade-in-out {
- position: relative;
- color: white;
- background-size: cover;
- background-position: center;
-}
-
-.section-fade-in-out:before {
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- content: ' ';
- background: linear-gradient(#111, rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.2), rgba(17, 17, 17, 0.8), #111);
-}
-
-.section-fade-in {
- position: relative;
- color: white;
- background-size: cover;
- background-position: center;
-}
-
-.section-fade-in:before {
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- content: ' ';
- background: linear-gradient(#111, rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.2));
-}
-
-.section-fade-out {
- position: relative;
- color: white;
- background-size: cover;
- background-position: center;
-}
-
-.section-fade-out:before {
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- content: ' ';
- background: linear-gradient(rgba(17, 17, 17, 0.2), rgba(17, 17, 17, 0.8), #111);
-}
-
-.shadowed {
- box-shadow: 0px 0px 10px #000;
-}
-
-.carousel .carousel-caption {
- padding-top: 50px;
- padding-bottom: 20px;
- bottom: 0px;
- background: linear-gradient(transparent 10%, #111111 100%);
-}
-
-.carousel .carousel-control-next, .carousel .carousel-control-prev {
- opacity: 0.85;
-}
-
-.carousel .carousel-indicators {
- bottom: 0px;
-}
-
-mark.primary {
- background-color: #0080ff;
- color: black;
-}
-
-mark.secondary {
- background-color: #0060aa;
- color: white;
-}
-
-.cover {
- min-height: 100%;
-}
-
-/* Animate state between .navbar and .navbar-ontop */
-.navbar {
- transition: background-color .5s ease-out;
-}
-
-.navbar-ontop {
- background-color: transparent !important;
-}
-
-/* Animate on entrance */
-.animate-in-down {
- transition: all 1.3s ease-out;
- position: relative;
- opacity: 1;
- top: 0px;
-}
-
-.animate-in-down.out-of-viewport {
- top: 40px;
- opacity: 0;
-}
-
-.animate-in-left {
- transition: all 1.0s ease-out;
- position: relative;
- opacity: 1;
- left: 0%;
-}
-
-.animate-in-left.out-of-viewport {
- opacity: 0;
- left: -5%;
-}
-
-.animate-in-right {
- transition: all 1.0s ease-out;
- position: relative;
- opacity: 1;
- left: 0%;
-}
-
-.animate-in-right.out-of-viewport {
- opacity: 0;
- left: 5%;
-}
-
-.flex-center {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.no-wrap {
- white-space: nowrap;
-}
-
-.download-section {
- background: #0080ff;
- margin: 50px 0;
- padding: 60px 0;
-}
-
-.download-title {
- text-align: center;
- padding: 0 20px;
-}
-
-.download-grid {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- grid-template-rows: auto 1fr;
- grid-gap: 40px;
- max-width: 1600px;
- margin: 0 auto;
- padding: 50px;
-}
-
-@media (max-width: 1118px) {
- .download-grid {
- grid-template-columns: 1fr 1fr;
- grid-template-rows: auto 1fr auto 1fr;
- }
-}
-
-@media (max-width: 872px) {
- .download-grid {
- grid-template-columns: 1fr;
- grid-template-rows: auto auto auto auto auto;
- padding: 20px;
- }
-}
-
-.inf-header-common {
- text-align: center;
- padding: 0 0 10px 0;
- border-bottom: 5px solid #fff;
-}
-
-.inf-header-free {
- grid-column: 1/3;
- grid-row: 1/2;
-}
-
-@media (max-width: 872px) {
- .inf-header-free {
- grid-column: 1/2;
- grid-row: 1/2;
- }
-}
-
-.inf-header-paid {
- grid-column: 3/4;
- grid-row: 1/2;
-}
-
-@media (max-width: 1118px) {
- .inf-header-paid {
- grid-column: 1/3;
- grid-row: 3/4;
- }
-}
-
-@media (max-width: 872px) {
- .inf-header-paid {
- grid-column: 1/2;
- grid-row: 4/5;
- }
-}
-
-.download-card-common {
- padding: 30px 30px 70px 30px;
- border-radius: 10px;
- width: 100%;
- min-height: 200px;
- color: #000;
- position: relative;
-}
-
-@media (max-width: 330px) {
- .download-card-common {
- padding: 30px 30px 140px 30px;
- }
-}
-
-.download-card-one {
- grid-column: 1/2;
- grid-row: 2/3;
-}
-
-.download-card-two {
- grid-column: 2/3;
- grid-row: 2/3;
-}
-
-@media (max-width: 872px) {
- .download-card-two {
- grid-column: 1/2;
- grid-row: 3/4;
- }
-}
-
-.download-card-three {
- grid-column: 3/4;
- grid-row: 2/3;
-}
-
-@media (max-width: 1118px) {
- .download-card-three {
- grid-column: 1/3;
- grid-row: 4/5;
- }
-}
-
-@media (max-width: 872px) {
- .download-card-three {
- grid-column: 1/2;
- grid-row: 5/6;
- }
-}
-
-.download-card-white {
- background: #fff;
-}
-
-.download-card-blue {
- background: #0060aa;
- border: 1px solid #fff;
- color: #fff;
-}
-
-.card-header-title {
- margin: 0;
-}
-
-.card-header-rows {
- height: 70px;
-}
-
-@media (max-width: 872px) {
- .card-header-rows {
- height: 100px;
- }
-}
-
-@media (max-width: 480px) {
- .card-header-rows {
- height: 60px;
- }
-}
-
-@media (max-width: 350px) {
- .card-header-rows {
- height: auto;
- }
-}
-
-.card-header-column-one {
- width: 65%;
- float: left;
- height: 65px;
-}
-
-@media (max-width: 350px) {
- .card-header-column-one {
- clear: both;
- float: none;
- height: auto;
- margin-bottom: 10px;
- }
-}
-
-.card-header-column-two {
- height: 60px;
-}
-
-.card-or-donation {
- text-align: right;
- margin: 0;
- white-space: nowrap;
-}
-
-@media (max-width: 350px) {
- .card-or-donation {
- text-align: left;
- }
-}
-
-.buttons {
- position: absolute;
- bottom: 30px;
- left: 30px;
-}
diff --git a/neon.scss b/neon.scss
deleted file mode 100644
index 21a0e4d..0000000
--- a/neon.scss
+++ /dev/null
@@ -1,252 +0,0 @@
-/*!
-* Neon Pingendo template (https://templates.pingendo.com)
-* Based on: Bootstrap v4.1.3 (https://getbootstrap.com)
-* Copyright 2014-2018 Pingendo (https://pingendo.com)
-*/
-@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-$enable-rounded: true;
-$enable-shadows: false;
-$enable-transitions: true;
-$enable-hover-media-query: false;
-$enable-grid-classes: true;
-$enable-print-styles: true;
-// Variables
-//
-// Colors
-$theme-colors: (
- primary: #0080ff,
- secondary: #0060aa,
- light: #f3f3f3,
- dark: #303030,
- info: #00aaff,
- success: #28a745,
- warning: #ffc107,
- danger: #dc3545
-);
-$body-bg: #111;
-$body-color: #efefef;
-$body-color-inverse: invert($body-color) !default;
-$link-color: #0080ff;
-$link-hover-color: white;
-$link-hover-decoration: none;
-// Fonts
-$font-family-base: Montserrat;
-$headings-font-family: Montserrat;
-$font-weight-normal: 200;
-$font-weight-base: $font-weight-normal;
-$headings-line-height: 1.2;
-$lead-font-size: 1.30rem;
-$line-height-base: 1.8;
-$spacer: 1.5rem;
-// Components
-$border-width: 1px;
-$border-radius: 0.75rem;
-$border-radius-lg: $border-radius * 1.2;
-$border-radius-sm: $border-radius * .4;
-$component-active-color: map-get($theme-colors,"dark");
-// Buttons
-$input-btn-padding-x-lg: 1.1rem;
-$input-btn-padding-x: 1rem !default;
-// Cards
-$card-border-width: 0;
-$card-bg: rgba(#333,.5);
-// Breadcrumb
-$breadcrumb-bg: transparent !default;
-$breadcrumb-active-color: map-get($theme-colors,"light");
-// Carousel
-$carousel-caption-width: 100% !default;
-$carousel-indicator-height: 6px !default;
-//Images
-$thumbnail-border-color: map-get($theme-colors,"primary");
-// Nav tabs
-$nav-tabs-border-color: map-get($theme-colors,"primary");
-$nav-tabs-link-hover-border-color: transparent;
-$nav-tabs-link-active-color: $component-active-color;
-$nav-tabs-link-active-bg: map-get($theme-colors,"primary");
-$nav-tabs-link-active-border-color: $nav-tabs-border-color;
-// Nav pills
-$nav-pills-link-active-color: $component-active-color !default;
-// Navbar
-$navbar-light-color: rgba(black,.6);
-// Pagination
-$pagination-bg: $body-bg;
-$pagination-border-color: map-get($theme-colors,"dark");
-$pagination-hover-bg: $body-bg;
-$pagination-hover-border-color: $pagination-border-color;
-$pagination-active-color: $component-active-color;
-$pagination-active-bg: map-get($theme-colors,"primary");
-$pagination-active-border-color: map-get($theme-colors,"dark");
-// List group
-$list-group-bg: $body-bg;
-$list-group-border-color: map-get($theme-colors,"dark");
-$list-group-hover-bg: $body-bg;
-$list-group-active-color: $component-active-color;
-$list-group-action-color: $link-color;
-$list-group-active-border-color: map-get($theme-colors,"dark");
-$list-group-action-hover-color: map-get($theme-colors,"light");
-$list-group-action-active-color: $body-color !default;
-$list-group-action-active-bg: transparent;
-// Horizontal rule
-$hr-border-color: rgba(map-get($theme-colors,"primary"),.75);
-// Tables
-$table-accent-bg: rgba(map-get($theme-colors,"light"),.05);
-$table-inverse-bg: rgba(map-get($theme-colors,"light"),.5);
-$table-hover-bg: rgba(map-get($theme-colors,"light"),.1);
-$table-border-color: map-get($theme-colors,"dark");
-$font-size-base: 0.85rem;
-@import 'bootstrap-4.1.3';
-
-body,
-html {
- height: 100%;
-}
-// Color yiq
-@each $name, $value in $theme-colors {
- .bg-#{$name} {
- color: color-yiq($value);
-
- input::placeholder {
- color: transparentize(color-yiq($value), .2);
- }
-
- .input-group-text {
- color: color-yiq($value);
- }
- }
-}
-
-.section-fade-in-out {
- position: relative;
- color: white;
- background-size: cover;
- background-position: center;
-
- &:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: ' ';
- background: linear-gradient($body-bg, transparentize($body-bg, 0.2),transparentize($body-bg, 0.8),transparentize($body-bg, 0.2), $body-bg);
- }
-}
-
-.section-fade-in {
- position: relative;
- color: white;
- background-size: cover;
- background-position: center;
-
- &:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: ' ';
- background: linear-gradient($body-bg, transparentize($body-bg, 0.2),transparentize($body-bg, 0.8));
- }
-}
-
-.section-fade-out {
- position: relative;
- color: white;
- background-size: cover;
- background-position: center;
-
- &:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: ' ';
- background: linear-gradient(transparentize($body-bg, 0.8),transparentize($body-bg, 0.2), $body-bg);
- }
-}
-
-.shadowed {
- box-shadow: 0 0 10px #000;
-}
-
-.carousel {
- .carousel-caption {
- padding-top: 50px;
- padding-bottom: 20px;
- bottom: 0;
- background: linear-gradient(transparent 10%, transparentize($body-bg, 0) 100%);
- }
-
- .carousel-control-next,
- .carousel-control-prev {
- opacity: 0.85;
- }
-
- .carousel-indicators {
- bottom: 0;
- }
-}
-
-mark {
- &.primary {
- background-color: map-get($theme-colors,"primary");
- color: black;
- }
-
- &.secondary {
- background-color: map-get($theme-colors,"secondary");
- color: white;
- }
-}
-
-.cover {
- min-height: 100%;
-}
-/* Animate state between .navbar and .navbar-ontop */
-.navbar {
- transition: background-color 0.5s ease-out;
-}
-
-.navbar-ontop {
- background-color: transparent !important;
-}
-/* Animate on entrance */
-.animate-in-down {
- transition: all 1.3s ease-out;
- position: relative;
- opacity: 1;
- top: 0;
-
- &.out-of-viewport {
- top: 40px;
- opacity: 0;
- }
-}
-
-.animate-in-left {
- transition: all 1.0s ease-out;
- position: relative;
- opacity: 1;
- left: 0;
-
- &.out-of-viewport {
- opacity: 0;
- left: -5%;
- }
-}
-
-.animate-in-right {
- transition: all 1.0s ease-out;
- position: relative;
- opacity: 1;
- left: 0;
-
- &.out-of-viewport {
- opacity: 0;
- left: 5%;
- }
-}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..821747d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,10 @@
+{
+ "name": "bliss-rom",
+ "version": "1.0.0",
+ "private": true,
+ "dependencies": {
+ "parcel-bundler": "^1.6.1"
+ },
+ "scripts": {},
+ "devDependencies": {}
+}
\ No newline at end of file
diff --git a/public/playground_assets/bliss logo.svg b/public/playground_assets/bliss logo.svg
new file mode 100644
index 0000000..87b7ce3
--- /dev/null
+++ b/public/playground_assets/bliss logo.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="735" height="398" viewBox="0 0 735 398" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M356 396C290.5 285 126 213.5 0 230C72.5 339 218.5 411 356 396Z" fill="#00A8EC"/>
+<path d="M379 395.362C444.5 284.362 609 212.862 735 229.362C662.5 338.362 516.5 410.362 379 395.362Z" fill="#00A8EC"/>
+<path d="M192.5 165C204.086 209.313 214.26 233.049 237 274C198.926 253.659 175.701 244.583 129.5 230C101.332 185.875 91.3483 160.259 80.5 116.5C128.212 128.623 153.094 138.623 192.5 165Z" fill="#00A8EC"/>
+<path d="M541.5 165.5C529.914 209.813 519.74 233.549 497 274.5C535.074 254.159 558.299 245.083 604.5 230.5C632.668 186.375 642.652 160.759 653.5 117C605.788 129.123 580.906 139.123 541.5 165.5Z" fill="#00A8EC"/>
+<path d="M315.5 155.5C340 195.5 360.5 262.5 366.5 308.5C371 264 393.987 197.962 418.5 155.5C412.5 103 395.127 35.3814 366.215 0C339.165 40.0596 318.459 105.152 315.5 155.5Z" fill="#00A8EC"/>
+<path d="M480 284C432.047 316.174 408.794 338.014 374.5 384.5C359.5 264 432.304 105.599 541.5 36.5C549.5 136 532 193 480 284Z" fill="#00A8EC"/>
+<path d="M253.349 283C301.302 315.174 324.555 337.014 358.849 383.5C373.849 263 301.045 104.599 191.849 35.5C183.849 135 201.349 192 253.349 283Z" fill="#00A8EC"/>
+</svg>
diff --git a/public/playground_assets/bliss logo1.svg b/public/playground_assets/bliss logo1.svg
new file mode 100644
index 0000000..87b7ce3
--- /dev/null
+++ b/public/playground_assets/bliss logo1.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="735" height="398" viewBox="0 0 735 398" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M356 396C290.5 285 126 213.5 0 230C72.5 339 218.5 411 356 396Z" fill="#00A8EC"/>
+<path d="M379 395.362C444.5 284.362 609 212.862 735 229.362C662.5 338.362 516.5 410.362 379 395.362Z" fill="#00A8EC"/>
+<path d="M192.5 165C204.086 209.313 214.26 233.049 237 274C198.926 253.659 175.701 244.583 129.5 230C101.332 185.875 91.3483 160.259 80.5 116.5C128.212 128.623 153.094 138.623 192.5 165Z" fill="#00A8EC"/>
+<path d="M541.5 165.5C529.914 209.813 519.74 233.549 497 274.5C535.074 254.159 558.299 245.083 604.5 230.5C632.668 186.375 642.652 160.759 653.5 117C605.788 129.123 580.906 139.123 541.5 165.5Z" fill="#00A8EC"/>
+<path d="M315.5 155.5C340 195.5 360.5 262.5 366.5 308.5C371 264 393.987 197.962 418.5 155.5C412.5 103 395.127 35.3814 366.215 0C339.165 40.0596 318.459 105.152 315.5 155.5Z" fill="#00A8EC"/>
+<path d="M480 284C432.047 316.174 408.794 338.014 374.5 384.5C359.5 264 432.304 105.599 541.5 36.5C549.5 136 532 193 480 284Z" fill="#00A8EC"/>
+<path d="M253.349 283C301.302 315.174 324.555 337.014 358.849 383.5C373.849 263 301.045 104.599 191.849 35.5C183.849 135 201.349 192 253.349 283Z" fill="#00A8EC"/>
+</svg>
diff --git a/public/playground_assets/bliss_logo.svg b/public/playground_assets/bliss_logo.svg
new file mode 100644
index 0000000..a06748d
--- /dev/null
+++ b/public/playground_assets/bliss_logo.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="180" height="134" viewBox="0 0 180 134" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M87.1836 96.9796C71.1428 69.7959 30.8571 52.2857 -8.39233e-05 56.3265C17.755 83.0204 53.5101 100.653 87.1836 96.9796Z" fill="#00A8EC"/>
+<path d="M92.8164 96.8234C108.857 69.6397 149.143 52.1295 180 56.1703C162.245 82.8642 126.49 100.497 92.8164 96.8234Z" fill="#00A8EC"/>
+<path d="M47.1429 40.4082C49.9803 51.2605 52.472 57.0733 58.0409 67.1021C48.7166 62.1206 43.0289 59.8978 31.7144 56.3266C24.8162 45.5204 22.3711 39.2471 19.7144 28.5306C31.3988 31.4996 37.4924 33.9484 47.1429 40.4082Z" fill="#00A8EC"/>
+<path d="M132.612 40.5306C129.775 51.3829 127.283 57.1957 121.714 67.2245C131.039 62.243 136.726 60.0203 148.041 56.449C154.939 45.6429 157.384 39.3695 160.041 28.6531C148.357 31.622 142.263 34.0709 132.612 40.5306Z" fill="#00A8EC"/>
+<path d="M77.265 38.0816C83.265 47.8775 88.2854 64.2857 89.7548 75.551C90.8568 64.6531 96.4862 48.4805 102.49 38.0816C101.02 25.2245 96.7654 8.66483 89.6851 0C83.0606 9.81051 77.9895 25.7515 77.265 38.0816Z" fill="#00A8EC"/>
+<path d="M117.551 69.551C105.807 77.4304 100.113 82.779 91.7142 94.1633C88.0407 64.6531 105.87 25.8609 132.612 8.93878C134.571 33.3061 130.286 47.2653 117.551 69.551Z" fill="#00A8EC"/>
+<path d="M62.0448 69.3061C73.7885 77.1855 79.4829 82.5341 87.8815 93.9183C91.555 64.4081 73.7256 25.6159 46.9836 8.69385C45.0244 33.0612 49.3101 47.0204 62.0448 69.3061Z" fill="#00A8EC"/>
+<path d="M58.9335 121.719C59.3388 121.783 59.7068 121.948 60.0375 122.215C60.3788 122.481 60.6455 122.812 60.8375 123.207C61.0402 123.601 61.1415 124.023 61.1415 124.471C61.1415 125.036 60.9975 125.548 60.7095 126.007C60.4215 126.455 60.0002 126.812 59.4455 127.079C58.9015 127.335 58.2562 127.463 57.5095 127.463H53.3495V116.311H57.3495C58.1068 116.311 58.7522 116.439 59.2855 116.695C59.8188 116.94 60.2188 117.276 60.4855 117.703C60.7522 118.129 60.8855 118.609 60.8855 119.143C60.8855 119.804 60.7042 120.353 60.3415 120.791C59.9895 121.217 59.5202 121.527 58.9335 121.719ZM54.8055 121.127H57.2535C57.9362 121.127 58.4642 120.967 58.8375 120.647C59.2108 120.327 59.3975 119.884 59.3975 119.319C59.3975 118.753 59.2108 118.311 58.8375 117.991C58.4642 117.671 57.9255 117.511 57.2215 117.511H54.8055V121.127ZM57.3815 126.263C58.1068 126.263 58.6722 126.092 59.0775 125.751C59.4828 125.409 59.6855 124.935 59.6855 124.327C59.6855 123.708 59.4722 123.223 59.0455 122.871C58.6188 122.508 58.0482 122.327 57.3335 122.327H54.8055V126.263H57.3815ZM64.698 115.623V127.463H63.242V115.623H64.698ZM68.0115 117.271C67.7342 117.271 67.4995 117.175 67.3075 116.983C67.1155 116.791 67.0195 116.556 67.0195 116.279C67.0195 116.001 67.1155 115.767 67.3075 115.575C67.4995 115.383 67.7342 115.287 68.0115 115.287C68.2782 115.287 68.5022 115.383 68.6835 115.575C68.8755 115.767 68.9715 116.001 68.9715 116.279C68.9715 116.556 68.8755 116.791 68.6835 116.983C68.5022 117.175 68.2782 117.271 68.0115 117.271ZM68.7155 118.695V127.463H67.2595V118.695H68.7155ZM74.381 127.607C73.709 127.607 73.1063 127.495 72.573 127.271C72.0397 127.036 71.6183 126.716 71.309 126.311C70.9997 125.895 70.829 125.42 70.797 124.887H72.301C72.3437 125.324 72.5463 125.681 72.909 125.959C73.2823 126.236 73.7677 126.375 74.365 126.375C74.9197 126.375 75.357 126.252 75.677 126.007C75.997 125.761 76.157 125.452 76.157 125.079C76.157 124.695 75.9863 124.412 75.645 124.231C75.3037 124.039 74.7757 123.852 74.061 123.671C73.4103 123.5 72.877 123.329 72.461 123.159C72.0557 122.977 71.7037 122.716 71.405 122.375C71.117 122.023 70.973 121.564 70.973 120.999C70.973 120.551 71.1063 120.14 71.373 119.767C71.6397 119.393 72.0183 119.1 72.509 118.887C72.9997 118.663 73.5597 118.551 74.189 118.551C75.1597 118.551 75.9437 118.796 76.541 119.287C77.1383 119.777 77.4583 120.449 77.501 121.303H76.045C76.013 120.844 75.8263 120.476 75.485 120.199C75.1543 119.921 74.7063 119.783 74.141 119.783C73.6183 119.783 73.2023 119.895 72.893 120.119C72.5837 120.343 72.429 120.636 72.429 120.999C72.429 121.287 72.5197 121.527 72.701 121.719C72.893 121.9 73.1277 122.049 73.405 122.167C73.693 122.273 74.0877 122.396 74.589 122.535C75.2183 122.705 75.7303 122.876 76.125 123.047C76.5197 123.207 76.8557 123.452 77.133 123.783C77.421 124.113 77.5703 124.545 77.581 125.079C77.581 125.559 77.4477 125.991 77.181 126.375C76.9143 126.759 76.5357 127.063 76.045 127.287C75.565 127.5 75.0103 127.607 74.381 127.607ZM82.8204 127.607C82.1484 127.607 81.5457 127.495 81.0124 127.271C80.479 127.036 80.0577 126.716 79.7484 126.311C79.439 125.895 79.2684 125.42 79.2364 124.887H80.7404C80.783 125.324 80.9857 125.681 81.3484 125.959C81.7217 126.236 82.207 126.375 82.8044 126.375C83.359 126.375 83.7964 126.252 84.1164 126.007C84.4364 125.761 84.5964 125.452 84.5964 125.079C84.5964 124.695 84.4257 124.412 84.0844 124.231C83.743 124.039 83.215 123.852 82.5004 123.671C81.8497 123.5 81.3164 123.329 80.9004 123.159C80.495 122.977 80.143 122.716 79.8444 122.375C79.5564 122.023 79.4124 121.564 79.4124 120.999C79.4124 120.551 79.5457 120.14 79.8124 119.767C80.079 119.393 80.4577 119.1 80.9484 118.887C81.439 118.663 81.999 118.551 82.6284 118.551C83.599 118.551 84.383 118.796 84.9804 119.287C85.5777 119.777 85.8977 120.449 85.9404 121.303H84.4844C84.4524 120.844 84.2657 120.476 83.9244 120.199C83.5937 119.921 83.1457 119.783 82.5804 119.783C82.0577 119.783 81.6417 119.895 81.3324 120.119C81.023 120.343 80.8684 120.636 80.8684 120.999C80.8684 121.287 80.959 121.527 81.1404 121.719C81.3324 121.9 81.567 122.049 81.8444 122.167C82.1324 122.273 82.527 122.396 83.0284 122.535C83.6577 122.705 84.1697 122.876 84.5644 123.047C84.959 123.207 85.295 123.452 85.5724 123.783C85.8604 124.113 86.0097 124.545 86.0204 125.079C86.0204 125.559 85.887 125.991 85.6204 126.375C85.3537 126.759 84.975 127.063 84.4844 127.287C84.0044 127.5 83.4497 127.607 82.8204 127.607ZM98.3734 127.463L95.7174 122.903H93.9574V127.463H92.5014V116.311H96.1014C96.944 116.311 97.6534 116.455 98.2294 116.743C98.816 117.031 99.2534 117.42 99.5414 117.911C99.8294 118.401 99.9734 118.961 99.9734 119.591C99.9734 120.359 99.7494 121.036 99.3014 121.623C98.864 122.209 98.2027 122.599 97.3174 122.791L100.117 127.463H98.3734ZM93.9574 121.735H96.1014C96.8907 121.735 97.4827 121.543 97.8774 121.159C98.272 120.764 98.4694 120.241 98.4694 119.591C98.4694 118.929 98.272 118.417 97.8774 118.055C97.4934 117.692 96.9014 117.511 96.1014 117.511H93.9574V121.735ZM106.14 127.607C105.318 127.607 104.572 127.42 103.9 127.047C103.238 126.673 102.716 126.145 102.332 125.463C101.958 124.769 101.772 123.969 101.772 123.063C101.772 122.167 101.964 121.377 102.348 120.695C102.742 120.001 103.276 119.473 103.948 119.111C104.62 118.737 105.372 118.551 106.204 118.551C107.036 118.551 107.788 118.737 108.46 119.111C109.132 119.473 109.66 119.996 110.044 120.679C110.438 121.361 110.636 122.156 110.636 123.063C110.636 123.969 110.433 124.769 110.028 125.463C109.633 126.145 109.094 126.673 108.412 127.047C107.729 127.42 106.972 127.607 106.14 127.607ZM106.14 126.327C106.662 126.327 107.153 126.204 107.612 125.959C108.07 125.713 108.438 125.345 108.716 124.855C109.004 124.364 109.148 123.767 109.148 123.063C109.148 122.359 109.009 121.761 108.732 121.271C108.454 120.78 108.092 120.417 107.644 120.183C107.196 119.937 106.71 119.815 106.188 119.815C105.654 119.815 105.164 119.937 104.716 120.183C104.278 120.417 103.926 120.78 103.66 121.271C103.393 121.761 103.26 122.359 103.26 123.063C103.26 123.777 103.388 124.38 103.644 124.871C103.91 125.361 104.262 125.729 104.7 125.975C105.137 126.209 105.617 126.327 106.14 126.327ZM123.174 118.535C123.857 118.535 124.465 118.679 124.998 118.967C125.531 119.244 125.953 119.665 126.262 120.231C126.571 120.796 126.726 121.484 126.726 122.295V127.463H125.286V122.503C125.286 121.628 125.067 120.961 124.63 120.503C124.203 120.033 123.622 119.799 122.886 119.799C122.129 119.799 121.526 120.044 121.078 120.535C120.63 121.015 120.406 121.713 120.406 122.631V127.463H118.966V122.503C118.966 121.628 118.747 120.961 118.31 120.503C117.883 120.033 117.302 119.799 116.566 119.799C115.809 119.799 115.206 120.044 114.758 120.535C114.31 121.015 114.086 121.713 114.086 122.631V127.463H112.63V118.695H114.086V119.959C114.374 119.5 114.758 119.148 115.238 118.903C115.729 118.657 116.267 118.535 116.854 118.535C117.59 118.535 118.241 118.7 118.806 119.031C119.371 119.361 119.793 119.847 120.07 120.487C120.315 119.868 120.721 119.388 121.286 119.047C121.851 118.705 122.481 118.535 123.174 118.535Z" fill="white"/>
+</svg>
diff --git a/public/playground_assets/compatibility.svg b/public/playground_assets/compatibility.svg
new file mode 100644
index 0000000..b7ba0fb
--- /dev/null
+++ b/public/playground_assets/compatibility.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="46" height="38" viewBox="0 0 46 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.5" y="1.5" width="43" height="28" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.5 15.5L21.5 19.5L30 11" stroke="white" stroke-width="2" stroke-linecap="round"/>
+<path d="M19.5 29V37M27.5 29V37M14 37H33" stroke="white" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/public/playground_assets/nav_logo.svg b/public/playground_assets/nav_logo.svg
new file mode 100644
index 0000000..c86dfd9
--- /dev/null
+++ b/public/playground_assets/nav_logo.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="60" height="60" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0" transform="scale(0.0078125 0.00868056)"/>
+</pattern>
+<image id="image0" width="128" height="128" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAQCUlEQVR4Ae2dCfR+xRjH/6lERSHRrhAiKkmbtCoKOaVCEZ1UnCKypOiIkqijzdJCCx0plDaHVEhRx5JIJfu+Zd+Xj/O9PfOe+d//zL0zc+/7/v6/mjnnPXfuLM888537zp15nmeeu2BBDRWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWB+YYAsCFwPnDf+cZ75XcgAsBSwPXcHU4aSK5Wn28IAIfY4LvLrvOtD5XfQgSAVYC73Mjb9efAQwtJ1mrzCQHg5Nbgu9vT51M/Kq8FCADrAH93I966/g/YpIBsrTJfEABOaQ16+/aq+dKXymcmAvbu/1N7xAP322WSrsXnAwLAGwKDHUqqs8B8GNAcHiXsAW4PjXYkra4FcgBe3MsC20cGOpZ89uLep8pfBgLAB2MjHUnXWuFhGU3UomMiADwDePgYNIEHAr+KDHRX8gFD21cf1JehdO519YHPA98G1hzaeWDnrlHuyLt2SNvAGsC31JchdO51dYGlge/awGjh9qghIADv7Rjkrqx/AmuXtC2evUWn+rJ0CZ3Fuo4pVI4tBSnWOWB14G/eyHwPeGSsfFe6af1u82jlRl/eRT+UZ9LGO72GJHlcI1S2NA14DHAC8NJSGoPreVK1P1p8ncFEFyxYAGzugeeiGsTVcukD6wH/dUQKrhfntAmsCnwn0M6WOXRiZYHHAWd6f5CjYmWnng68vdXRPwBHAQ8Y0jjwohZdd3uTFnQ5tIH9XOXC6y9T+2OLzRsj7eyTw3e7LPAQ4J3AX1v0D22Xndk9cFiLGXd7K7BLKSPAkY5Q4PopYMlU2sBZARq5SZv1tQfcB7ikg/Bb+mjE8oE9gO9HaO8bqzf1dODFEaZc8vuAFXMZAc5wBCLXE1JoAksAX4/QyEl+dV97wLt6CJ7ZR6OdD6wMnNdDd+d2vZndA9v1MKdsbYN6/0E+08AVCXR7p1QJcoA/J9DqK3K+z187DuzdRwC4vF2v694kl1r89oWNuuhMNQ9YN3GBpVXwK1KZAfSu7wsa2Cd00QS26COSmH+LpvhQW8DjEx+ym0L1Q2mmtPpPAm9/kYYzRGMmacDygEypUoP24537YZMB+FuoLtpfA+4f6yzwsq7KGXkSC6/cbge4H/DVRDrqU1/fl0uY8v3mJCNZqs3XTO9NYucz1Rf/tFa0MSaBFYBf9xHx8qPrAVs1e0UHRTdu8wy8O4Oi+hRdD5ns47oMeip6SZunmd8D78lkWsW/ERMemdFG7nt7m1DHgQsLeItV2d1vA9gakAlZatB0vapPw8X1KvMkn6n0VO7NjsacXYG9cjj2ympbs8g7XBI/4F9euZSoBC/LtUEAbkipnFjmMEcfWDYi7Oki9e+QSBvYFJCsoSTs4Hias6uJPXMHzHVW64cn+8zbosrl51yPadGRAUjKKjq1jZMd/YAALJXGQg+8zSK/T63cKifp69ybsdteW4ux0iA17eQhADYqJPQPPTzeIK0UsP0vJN1U+7Bom2hZbZWEyZYN2AZIsU+MtXO16+ucX0dYbGkKfKIB/NRYjxPSr3BgDJyZQk1tb/xdHspMTNvCaGh7qn/wkPB619c5vwJbDemJ1f2JCW5KZwDHQiMZ06ziEka4NgohYKeBtPRwS1n024F0tPhcf84H3jEALNMhq87pqxZEWhEPCRL9Lmn6+NK1id++Fm/rm6x/qFhZD/dTfOKFcfERFEy5MZn51XTThf2ZVBM4Qx8AEdtbAADnTiiXR841Wi8sJzGp+aSRZqbDZz7AfQ2O1LFNzNBhglhhRNtCHf9+bMGW0m9S4ljREK2Qjt8vmxKXEcfGKQU7ymhWG2QhtdBYAruZydSBtjJdq09kuRABu7HdwJc7GE/J0gOg9scIbhYYIgy6UN3rsE/I5VPnEoc+AFeG8O9LMxG7sNXuQ2Mtsfxu6tyagKRULsgUS9Y3nwDeBGwLrNTXgAE1VPautqQCHePdfbM9lHqoSoPqSqUsWkOD1hKyEJYEcUh4buJYyIBEeB4OfNzG1Dcm0Tiv1dACjujhSHLsK4HXdK0+zSImRznUbnYXSfQG7o99mm5HcI2fmBj/gj3Uz0ws31dM4m317dl9BTvypfyJurOxxarGSOr0Pn3KkZMHSRKlDKGJ3otfAd6o9/WEiEXMJKyjD51Z+9g/7hedpdIzmzN+wPPTq0xKNrJ/4LOTlGERyTo0m+w7gMwrA3hrXaGx0Os3RYWs5iV9XFi7WbiKl0TsMmB3qUbFnNSzwHGFBzEayxubrgbgNKkqY1Dp6yUW/uEktT8imYS2tkMNSv2WbjN8XucnJsYlLRWmjTrZ1NDCXNiXSCVPbD9IGri1OxwnpPApO0BNPw+yjkoUezwgQ9HUcJzVzVWLdtFvZPiAzNdTQ6NXAE5KrZBQ7jrrW44KWdjJ1KxZgwlbw1hYlwYZ54Stt4FzSql69X4mNaXTfQOPsHN5KapTt+f+mEdvaFT/HmnvtJ1LMQ9XGVk6aSYr1dKFeL7AHoCPhDJbacLqQ8LO6qxohrI/bZUruW0wFt1FArBBIkgpDYvZ13rT1pZA3z/7GjE1gm6hzd+eRlfHzfrC9Va2ZN3QRft4o/u5rkLAl4DmDIHJH4ThGAOvZvVwbyg+ogG4tIfB3GxNV3u4BoFX2SIkROdOlRvBlr9NuzHIBF7ZzgjcH2Q86P06Ztjf6MZOKWlhNrE+toWrzkaOGS5z4xC9Ak8bs0WPlgBdz0B4dMTyV/tUmYSFTgZ5pLKjoiv5wmo9iyadBZSyRrsif8+c3WCggmZA2VCGVMDaYjfSPVt4jv0ndOxsFR14PwO42tUY+SqB00SODRwcAFoKkwcPXJCG2Hb/wKtCmZbWnOKdwgyklboWxdIF+EF4HOKwt+2cL5Tzyw6Np9sPFHjTyGVOa4En2Wwgf72+ZW1j7++drM2lHSvfiFA1zcYKuCk4Mjt1VOvNut366h+kUZ83sHQ9GF/spTKsQGPP4B623itQIj3LYVFTbPP02z79dKt8ioFyUQ6xhLKaevV6keAktBtQml5NWnGHpumEJqJFLrI+6aSUgg53LmNpclk7rX+9NUe+n4MRZNau8b6rBroxEwcONTNznbNTfOywm4Gugx7tcKvlPa+dMcK9VvKSAl6rfby1o9fcEEVVDltBq2nx0RmmMBXGmJYDhc3FjEzDTHM1xDQs1s5Z1kZIwHOq5fWdS4zR7krfzLZ0jVGoLXLv6KowYl6R9rB5MEzHH5ouR+RvQkoSqokzBlsx9yk0JpUTI3fYIO8aKP8cyxt7YNSH5RtA737A95/CAjfQnSZJY7fIgRbHS9IVODtGfUrpJ7rj354DirGakoRNrlu0JdQD54Li2vopL0Vi6eqlXE+zB0uvNfVtluGcpEHuKmQGGmMvivpA0Dn7FQy4Uv8+sTb2M7r+zuNmS3tprFJh+geMrhafFxfSKK0m9fPd+n4xMSSYYUgpI6X15GljdfENHFNKJFCv+Ve0HEc1buJN/h6oUpR0rPEuf0dSn886HDFkzBeqa4qRMWzickHQidrmsEeGn9++Nm6xgfH18i+xtNDuoI9eKL8RdpkqOvWkc4hOaZrEzcsuNIhDb4AdS7kZWE8auU1tgFJk+X3N6X0vcylfKidLZKX564I+OrH8g41X7WLG1CbG2gul7zR0vIP1RzKzDjHclyZFSbOXBQ7oK5yQL1s5GXxobaOfDEZkLDk0HGiDL7u/0jN/Q3k4Lzh4YyTayZ2xzLVyOyppWeNydYSHoDnpC3xT5t42aDJmGRLc4Mspde7x9iHt+nU140zXv3GhfZ3P5JC4xMc72oDJtLk0NP8Ss5a91OgNMYZp3N8AO8xArNvV54nafYw/fJRGphuTLoZL8jQTuNdB6gcg2u3caIOu3cU7LF66UncLPr1Cpi3Tb/fDv29OL0cHbcwMU9fG/Nb5TE0rLlu5xvMY8NaCRjRV6vygHFK+wOIlC7aj7eGRqDfH9rGA5c4qP9CYjDnGvbSAp0e0ap2cjpj5G+9IeewzcLHmZD4tT94ygdPBT8VTTaodTae1lO5ibJG1ayPlKnHv1r0DNo0CcyQg8kH5sfM1ZN8A9vP64nqA5eVLP8VzwkeFpxm8/iin4hTKjifwKXlIetyjTqG/i5CUI0rt4eVivs/g0q888bKdeVhD1lLaNqrNsQRHPl85cbnNXaJk3EarY0CMrUHLAUFlpWfXoEjHnmozP/GybWbsKW3qYVMbetimbTDTx48wj7rbG22AUwjZu3TWCqM2QI07V7P4SXknn+H6Bry/TSxwL5rrqg6QYtsfIDFakuQMjTmZ68OcX819iv+Rh9F6m0HIneiRpK/vhHGz/7cB7fLyreZFa1srO6ZiKqNrk6ISVz9rzgc8xIA5j9bqfC5D4z49QVp4g+uDHcbo4rn5eFTmWqGLXmmefAvlGXe6Ts7qahowX9de2tnSejLBdt64uraH0m42C6iedYPb7smzV8lBzNJ+tOsJ04kbvFmNZ1E7Zs51arsHM7zXUSodApEVTuyMgzsBLKWQ4qGghZ4ERjosEisTqjd22mmpXy0pGrBpVQLkXGEM7xolgOocoAZvlcjg/c4cWuibgoq3gx4i1RWNlDOF7fpj3Au7xfN9n/rQmDGJzKJ1anjWwR0Nl3pWLlr8IMWS7AD1a8vwJRVspGsjHxH32++KCyt9jmdco47UQZtGOQNa3wKS9G6WwZ000kPoB63s9ZqQGLj9cDh1ccqXQHyaQ+PCRhgt7L1jGgMyVzTNyYFUubGvaw0FsV1fe2ZnVibHVy7I+ldOMeS/wLcE/qSwsUOas9LrC4uDnHONuRqbmbZrJ2XkYlbHpaY9K+j7BHL4IPGt7ypGjiBkCu6C5PoqI/3AUK+gjmbsqj6r78JgbsW5Mx35QGO2GJP3LJ3KmZYRpTPRlt7e/ePlNUR+gBSU5t77KZJBq5Z1Ud/UR/U16/uHAdjumUn2T5V/ALmu+0yhs6nYqOwl1ICjrYAeAKmDFd5meXva/RgXiY/VB/VFfYp+3+ieOZoj9MqUL5omtSq+wL4o3l61pw7WXfbOl3xAR9Tlm1gOqvVlEW335EkztCVMoS+e5NFDPIpX8bx4KGtGGIfFhoQNlFbukvfLTFxCEv3LZAufYol7vWnztPiT507t9RWXhk/+efqC2lBbalNtiwfxIp6Sv2i62AB6T2HETt/qzJ+mdJ1hkNtabakkkdS/Ug4fZfenk8jNQRC/7/YVVOWpjMqqjuqKhmiJpmirjbn9VJvPeI3nIWAzyCIft5aotf6D87CspSsCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARmFsE/g8hsBHsKGjsUAAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/public/playground_assets/phone_img-1500h.png b/public/playground_assets/phone_img-1500h.png
new file mode 100644
index 0000000..f54f36d
--- /dev/null
+++ b/public/playground_assets/phone_img-1500h.png
Binary files differ
diff --git a/public/playground_assets/teamwork-1500h.png b/public/playground_assets/teamwork-1500h.png
new file mode 100644
index 0000000..a5c69e7
--- /dev/null
+++ b/public/playground_assets/teamwork-1500h.png
Binary files differ
diff --git a/screenshots/1.jpg b/screenshots/1.jpg
new file mode 100644
index 0000000..755f0da
--- /dev/null
+++ b/screenshots/1.jpg
Binary files differ
diff --git a/screenshots/10.jpg b/screenshots/10.jpg
new file mode 100644
index 0000000..ff91bce
--- /dev/null
+++ b/screenshots/10.jpg
Binary files differ
diff --git a/screenshots/11.jpg b/screenshots/11.jpg
new file mode 100644
index 0000000..079405b
--- /dev/null
+++ b/screenshots/11.jpg
Binary files differ
diff --git a/screenshots/12.jpg b/screenshots/12.jpg
new file mode 100644
index 0000000..4bb6ab1
--- /dev/null
+++ b/screenshots/12.jpg
Binary files differ
diff --git a/screenshots/13.jpg b/screenshots/13.jpg
new file mode 100644
index 0000000..076b476
--- /dev/null
+++ b/screenshots/13.jpg
Binary files differ
diff --git a/screenshots/14.jpg b/screenshots/14.jpg
new file mode 100644
index 0000000..d08db81
--- /dev/null
+++ b/screenshots/14.jpg
Binary files differ
diff --git a/screenshots/15.jpg b/screenshots/15.jpg
new file mode 100644
index 0000000..b49e850
--- /dev/null
+++ b/screenshots/15.jpg
Binary files differ
diff --git a/screenshots/16.jpg b/screenshots/16.jpg
new file mode 100644
index 0000000..ff85f64
--- /dev/null
+++ b/screenshots/16.jpg
Binary files differ
diff --git a/screenshots/17.jpg b/screenshots/17.jpg
new file mode 100644
index 0000000..c7dea38
--- /dev/null
+++ b/screenshots/17.jpg
Binary files differ
diff --git a/screenshots/18.jpg b/screenshots/18.jpg
new file mode 100644
index 0000000..44551bf
--- /dev/null
+++ b/screenshots/18.jpg
Binary files differ
diff --git a/screenshots/19.jpg b/screenshots/19.jpg
new file mode 100644
index 0000000..c57f070
--- /dev/null
+++ b/screenshots/19.jpg
Binary files differ
diff --git a/screenshots/2.jpg b/screenshots/2.jpg
new file mode 100644
index 0000000..0a816fa
--- /dev/null
+++ b/screenshots/2.jpg
Binary files differ
diff --git a/screenshots/20.jpg b/screenshots/20.jpg
new file mode 100644
index 0000000..bf547b4
--- /dev/null
+++ b/screenshots/20.jpg
Binary files differ
diff --git a/screenshots/21.jpg b/screenshots/21.jpg
new file mode 100644
index 0000000..095bbd1
--- /dev/null
+++ b/screenshots/21.jpg
Binary files differ
diff --git a/screenshots/22.jpg b/screenshots/22.jpg
new file mode 100644
index 0000000..0ecfbfb
--- /dev/null
+++ b/screenshots/22.jpg
Binary files differ
diff --git a/screenshots/23.jpg b/screenshots/23.jpg
new file mode 100644
index 0000000..fc0ca60
--- /dev/null
+++ b/screenshots/23.jpg
Binary files differ
diff --git a/screenshots/24.jpg b/screenshots/24.jpg
new file mode 100644
index 0000000..400189d
--- /dev/null
+++ b/screenshots/24.jpg
Binary files differ
diff --git a/screenshots/25.jpg b/screenshots/25.jpg
new file mode 100644
index 0000000..d187e52
--- /dev/null
+++ b/screenshots/25.jpg
Binary files differ
diff --git a/screenshots/26.jpg b/screenshots/26.jpg
new file mode 100644
index 0000000..945d8fd
--- /dev/null
+++ b/screenshots/26.jpg
Binary files differ
diff --git a/screenshots/27.jpg b/screenshots/27.jpg
new file mode 100644
index 0000000..e666e84
--- /dev/null
+++ b/screenshots/27.jpg
Binary files differ
diff --git a/screenshots/28.jpg b/screenshots/28.jpg
new file mode 100644
index 0000000..da4b409
--- /dev/null
+++ b/screenshots/28.jpg
Binary files differ
diff --git a/screenshots/29.jpg b/screenshots/29.jpg
new file mode 100644
index 0000000..4978a78
--- /dev/null
+++ b/screenshots/29.jpg
Binary files differ
diff --git a/screenshots/3.jpg b/screenshots/3.jpg
new file mode 100644
index 0000000..5b0fa50
--- /dev/null
+++ b/screenshots/3.jpg
Binary files differ
diff --git a/screenshots/30.jpg b/screenshots/30.jpg
new file mode 100644
index 0000000..cac0011
--- /dev/null
+++ b/screenshots/30.jpg
Binary files differ
diff --git a/screenshots/31.jpg b/screenshots/31.jpg
new file mode 100644
index 0000000..df35ce8
--- /dev/null
+++ b/screenshots/31.jpg
Binary files differ
diff --git a/screenshots/32.jpg b/screenshots/32.jpg
new file mode 100644
index 0000000..849dfe2
--- /dev/null
+++ b/screenshots/32.jpg
Binary files differ
diff --git a/screenshots/33.jpg b/screenshots/33.jpg
new file mode 100644
index 0000000..51199a1
--- /dev/null
+++ b/screenshots/33.jpg
Binary files differ
diff --git a/screenshots/34.jpg b/screenshots/34.jpg
new file mode 100644
index 0000000..b49835f
--- /dev/null
+++ b/screenshots/34.jpg
Binary files differ
diff --git a/screenshots/35.jpg b/screenshots/35.jpg
new file mode 100644
index 0000000..50fc137
--- /dev/null
+++ b/screenshots/35.jpg
Binary files differ
diff --git a/screenshots/36.jpg b/screenshots/36.jpg
new file mode 100644
index 0000000..6b9db75
--- /dev/null
+++ b/screenshots/36.jpg
Binary files differ
diff --git a/screenshots/37.jpg b/screenshots/37.jpg
new file mode 100644
index 0000000..2a5908f
--- /dev/null
+++ b/screenshots/37.jpg
Binary files differ
diff --git a/screenshots/38.jpg b/screenshots/38.jpg
new file mode 100644
index 0000000..92347c1
--- /dev/null
+++ b/screenshots/38.jpg
Binary files differ
diff --git a/screenshots/39.jpg b/screenshots/39.jpg
new file mode 100644
index 0000000..e14d9b4
--- /dev/null
+++ b/screenshots/39.jpg
Binary files differ
diff --git a/screenshots/4.jpg b/screenshots/4.jpg
new file mode 100644
index 0000000..db2349e
--- /dev/null
+++ b/screenshots/4.jpg
Binary files differ
diff --git a/screenshots/40.jpg b/screenshots/40.jpg
new file mode 100644
index 0000000..94c0616
--- /dev/null
+++ b/screenshots/40.jpg
Binary files differ
diff --git a/screenshots/41.jpg b/screenshots/41.jpg
new file mode 100644
index 0000000..c69b371
--- /dev/null
+++ b/screenshots/41.jpg
Binary files differ
diff --git a/screenshots/42.jpg b/screenshots/42.jpg
new file mode 100644
index 0000000..6e22a04
--- /dev/null
+++ b/screenshots/42.jpg
Binary files differ
diff --git a/screenshots/43.jpg b/screenshots/43.jpg
new file mode 100644
index 0000000..80f0ebb
--- /dev/null
+++ b/screenshots/43.jpg
Binary files differ
diff --git a/screenshots/44.jpg b/screenshots/44.jpg
new file mode 100644
index 0000000..77e0884
--- /dev/null
+++ b/screenshots/44.jpg
Binary files differ
diff --git a/screenshots/45.jpg b/screenshots/45.jpg
new file mode 100644
index 0000000..4701d7e
--- /dev/null
+++ b/screenshots/45.jpg
Binary files differ
diff --git a/screenshots/46.jpg b/screenshots/46.jpg
new file mode 100644
index 0000000..a20d4e8
--- /dev/null
+++ b/screenshots/46.jpg
Binary files differ
diff --git a/screenshots/47.jpg b/screenshots/47.jpg
new file mode 100644
index 0000000..3b68e72
--- /dev/null
+++ b/screenshots/47.jpg
Binary files differ
diff --git a/screenshots/48.jpg b/screenshots/48.jpg
new file mode 100644
index 0000000..3f4ac46
--- /dev/null
+++ b/screenshots/48.jpg
Binary files differ
diff --git a/screenshots/49.jpg b/screenshots/49.jpg
new file mode 100644
index 0000000..98cf8ed
--- /dev/null
+++ b/screenshots/49.jpg
Binary files differ
diff --git a/screenshots/5.jpg b/screenshots/5.jpg
new file mode 100644
index 0000000..e07e295
--- /dev/null
+++ b/screenshots/5.jpg
Binary files differ
diff --git a/screenshots/6.jpg b/screenshots/6.jpg
new file mode 100644
index 0000000..2b1c3f1
--- /dev/null
+++ b/screenshots/6.jpg
Binary files differ
diff --git a/screenshots/7.jpg b/screenshots/7.jpg
new file mode 100644
index 0000000..3b5e8af
--- /dev/null
+++ b/screenshots/7.jpg
Binary files differ
diff --git a/screenshots/8.jpg b/screenshots/8.jpg
new file mode 100644
index 0000000..3817dd3
--- /dev/null
+++ b/screenshots/8.jpg
Binary files differ
diff --git a/screenshots/9.jpg b/screenshots/9.jpg
new file mode 100644
index 0000000..35c186b
--- /dev/null
+++ b/screenshots/9.jpg
Binary files differ
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;
+ }
+}
diff --git a/team.html b/team.html
index 1d080a4..580fa83 100644
--- a/team.html
+++ b/team.html
@@ -1,105 +1,1131 @@
<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- PAGE settings -->
- <link rel="icon" href="favicon.ico">
- <title>BlissRoms</title>
- <meta name="description" content="Open Source OS for all devices, based on AOSP">
- <meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
- <!-- CSS dependencies -->
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
- integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
- <script src="https://kit.fontawesome.com/7b4ed0a31a.js" crossorigin="anonymous"></script>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
- type="text/css">
- <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
- <link rel="stylesheet" href="neon.css">
- <link rel="stylesheet" href="css/animations.css">
- <link rel="stylesheet" href="css/style.css">
- <link rel="stylesheet" href="css/table.css">
- <script data-ad-client="ca-pub-7639560510014441" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-</head>
+<html lang="en">
+ <head>
+ <title>BlissRoms</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta charset="utf-8" />
+ <meta property="twitter:card" content="summary_large_image" />
+ <style>
+ html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}
+ </style>
+ <style>
+ html {
+ font-family: Inter;
+ font-size: 16px;
+ }
-<body class="">
- <!-- Navbar -->
- <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light" style="padding-right: 41px;">
- <div class="container pt-6">
- <a class="navbar-brand" href="#">
- <img src="images/bliss-brand-icon.png" width="50" class="d-inline-block align-top navbar-brand-image" alt="">
- </a>
- <div class="row">
- <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>BlissRoms</b></b></a></div>
- </div>
- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
- data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="true"
- aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
- <div class="navbar-collapse text-center justify-content-end collapse" id="navbar2SupportedContent">
- <ul class="navbar-nav">
- <li class="nav-item mx-2">
- <a class="nav-link" href="index.html">Back to main website <i class="fa fa-link"></i></a>
- </li>
- </div>
- </div>
- </nav>
- <!-- Team Section -->
- <div class="py-5 bg-light" id="team">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="row">
- <div class="mx-auto col-md-12 text-center">
- <h3 class="display-3">Team</h3>
+ body {
+ font-weight: 400;
+ font-style:normal;
+ text-decoration: none;
+ text-transform: none;
+ letter-spacing: normal;
+ line-height: 1.15;
+ color: var(--dl-color-gray-black);
+ background-color: var(--dl-color-gray-white);
+
+ }
+ </style>
+ <link
+ rel="shortcut icon"
+ href="/playground_assets/bliss logo.svg"
+ type="icon/png"
+ sizes="32x32"
+ />
+ <link
+ rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+ />
+ <link
+ rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
+ />
+ <link rel="stylesheet" href="./styles/style.css" />
+ </head>
+ <body>
+ <div>
+ <link href="./styles/team.css" rel="stylesheet" />
+ <title>Team - BlissRoms</title>
+ <meta
+ name="description"
+ content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features."
+ />
+ <meta property="og:title" content="Team - BlissRoms" />
+ <meta
+ property="og:description"
+ content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features."
+ />
+ <div class="team-container">
+ <nav class="Navbar navbar-fixed rootClassName">
+ <img
+ alt="logo"
+ src="../public/playground_assets/nav_logo.svg"
+ class="navbar_team-image"
+ />
+ <div class="navbar_team-container">
+ <nav class="navbar_team-nav-elements-desktop">
+ <a href="/home.html" class="navbar_team-navlink">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Home</span>
+ </span>
+ </div>
+ </a>
+ <a href="/team.html" class="navbar_team-navlink1">
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Team</span>
+ </span>
+ </div>
+ </a>
+ <a
+ href="https://bliss-family-store.creator-spring.com/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navbar_team-link"
+ >
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Gear</span>
+ </span>
+ </div>
+ </a>
+ <a
+ href="https://docs.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navbar_team-link1"
+ >
+ <div class="nav_element-container">
+ <span class="nav_element-text navelement">
+ <span>Docs</span>
+ </span>
+ </div>
+ </a>
+ </nav>
+ </div>
+ <a href="#downloads">
+ <div class="navbar_team-btn-group">
+ <div class="button-container rootClassName8">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar_team-burger-menu teleport-menu-burger">
+ <svg viewBox="0 0 1024 1024" class="navbar_team-icon">
+ <path
+ d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
+ ></path>
+ </svg>
+ </div>
+ <nav class="navbar_team-nav-elements-mobile teleport-menu-mobile">
+ <a
+ href="/home.html"
+ class="navbar_team-navlink2 h4-28 mb-12 navelement"
+ >
+ <span>Home</span>
+ </a>
+ <a
+ href="#features"
+ class="navbar_team-link3 h4-28 mb-12 navelement"
+ >
+ <span>Features</span>
+ </a>
+ <a
+ href="/team.html"
+ class="navbar_team-navlink3 h4-28 mb-12 navelement"
+ >
+ <span>Team</span>
+ </a>
+ <span class="navbar_team-text h4-28 mb-12 navelement">
+ <span>Gear</span>
+ </span>
+ <span class="navbar_team-text1 h4-28 mb-12 navelement">
+ <span>Blog</span>
+ </span>
+ <a href="#downloads">
+ <div class="navbar_team-btn-group1">
+ <div class="button-container rootClassName8">
+ <span class="button-text body-16"><span>Download</span></span>
+ </div>
+ </div>
+ </a>
+ <div class="navbar_team-container1 teleport-menu-close">
+ <svg
+ viewBox="0 0 804.5714285714286 1024"
+ class="navbar_team-icon2"
+ >
+ <path
+ d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
+ ></path>
+ </svg>
+ </div>
+ </nav>
+ </nav>
+ <div class="team-herosection">
+ <div class="team-container01">
+ <span class="team-text">
+ <span>Meet</span>
+ <span>the</span>
+ <br />
+ <span class="team-text04">Developer</span>
+ <br />
+ <span class="team-text06">Team</span>
+ </span>
+ <span class="team-text07 h6-20">
+ Our development team is a group of people that work together to
+ create the blissful experience for you.
+ </span>
+ </div>
+ <img
+ alt="image"
+ src="public/playground_assets/teamwork-1500h.png"
+ class="team-image"
+ />
+ </div>
+ <div class="team-scroll-down">
+ <svg viewBox="0 0 1024 1024" class="team-icon">
+ <path
+ d="M854 512l-342 342-342-342 62-60 238 238v-520h84v520l240-238z"
+ ></path>
+ </svg>
+ <div class="team-container02">
+ <span class="team-text08">
+ <span>Scroll</span>
+ <br />
+ <span>Down</span>
+ </span>
+ </div>
+ </div>
+ <div class="team-coremembers">
+ <span class="team-text12 h3-36">Core Members</span>
+ <div class="team-container03">
+ <div class="team-container04">
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/jackeagle_1615397360.jpeg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Jackeagle</span></h1>
+ <span class="member-text1 body-12">
+ <span>Founder / CEO / Lead Developer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/donna_1615397691.jpg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Donna West</span></h1>
+ <span class="member-text1 body-12">
+ <span>CFO / HR</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="team-container05">
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/antonio_1615397746.jpeg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20">
+ <span>Antonio Luciano</span>
+ </h1>
+ <span class="member-text1 body-12">
+ <span>Board Member</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/custom_1615440519.jpeg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>customworx</span></h1>
+ <span class="member-text1 body-12">
+ <span>Board Member</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
</div>
</div>
- <ul class="nav nav-tabs nav-justified">
- <li class="nav-item mx-auto font-weight-bold"> <a class="active nav-link" href="" data-toggle="tab"
- data-target="#tabone">Core Members</a> </li>
- <li class="nav-item mx-auto font-weight-bold"> <a href="" class="nav-link" data-toggle="tab"
- data-target="#tabtwo">Maintainers</a> </li>
- </ul>
- <div class="tab-content mt-2">
- <div class="tab-pane fade show active" id="tabone" role="tabpanel">
- <section id="content" class="team_content"></section>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <!-- Team Listing JS -->
- <script src="js/team.js"></script>
+ <div class="team-container06">
+ <div class="team-container07">
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/eric_1615432668.jpeg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Eric Park</span></h1>
+ <span class="member-text1 body-12">
+ <span>Backend Developer / Lead Maintainer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/rohan_1615432707.jpeg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Rohan Purohit</span></h1>
+ <span class="member-text1 body-12">
+ <span>Lead Developer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
</div>
- <div class="tab-pane fade" id="tabtwo" role="tabpanel">
- <section id="content2" class="team_content"></section>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <!-- Maintainer Listing JS -->
- <script src="js/maintainers.js"></script>
+ <div class="team-container08">
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/vaughn_1615441296.png"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Vaughn</span></h1>
+ <span class="member-text1 body-12">
+ <span>Server Administrator</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/deepak_1615432964.jpeg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Deepak Sharma</span></h1>
+ <span class="member-text1 body-12">
+ <span>Server Administrator</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="team-container09">
+ <div class="team-container10">
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/evilvenom_1616695344.jpeg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>EvilVenøm</span></h1>
+ <span class="member-text1 body-12">
+ <span>Wiki Lead</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/bounty_1628012042.jpg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Bounty</span></h1>
+ <span class="member-text1 body-12">
+ <span>Graphics Designer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="team-container11">
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/adnan_1632894945.jpg"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Adnan Faysal</span></h1>
+ <span class="member-text1 body-12">
+ <span>Graphics Designer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/utzoz_1615729927.png"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>utzcoz</span></h1>
+ <span class="member-text1 body-12">
+ <span>Lead Developer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for
+ planning, directing, and overseeing finance and operations
+ activities in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="team-container12">
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/electrikjesus_1615397569.png"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>Jon West</span></h1>
+ <span class="member-text1 body-12">
+ <span>CTO / OS Lead Developer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for planning,
+ directing, and overseeing finance and operations activities
+ in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg viewBox="0 0 877.7142857142857 1024" class="member-icon">
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </div>
+ <div class="member-container rootClassName">
+ <div class="member-container1">
+ <img
+ alt="image"
+ src="https://administrators.blissroms.org/storage/uploads/avatar/geekylad_1629779195.png"
+ class="member-image"
+ />
+ <h1 class="member-text h6-20"><span>theGeekyLad</span></h1>
+ <span class="member-text1 body-12">
+ <span>App Developer</span>
+ </span>
+ <span class="member-text2 subtitle-14">
+ <span>
+ The Vice President, Operations is responsible for planning,
+ directing, and overseeing finance and operations activities
+ in the organization, and ensuring development.
+ </span>
+ </span>
+ <div class="member-icons">
+ <svg viewBox="0 0 877.7142857142857 1024" class="member-icon">
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="member-icon2"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="member-icon4"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </div>
+ </div>
</div>
</div>
</div>
+ <footer id="footer" class="footer-footer rootClassName">
+ <div class="footer-container">
+ <div class="footer-logo">
+ <div class="footer-logo1">
+ <img
+ alt="logo"
+ src="../public/playground_assets/bliss%20logo1.svg"
+ class="footer-image"
+ />
+ <span class="footer-text body-16"><span>Bliss Rom</span></span>
+ </div>
+ <span class="footer-text02">
+ <span>
+ <span>
+ An open-source operating system based on Android with
+ customizations, options and added security features.
+ </span>
+ </span>
+ </span>
+ </div>
+ <div class="footer-links-container">
+ <div class="footer-container1">
+ <div class="footer-community-container">
+ <span class="footer-text05">Community</span>
+ <a
+ href="https://t.me/Team_Bliss_Community"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link Footerlink"
+ >
+ <span>BlissRoms Telegram</span>
+ <br />
+ <span></span>
+ </a>
+ <a
+ href="https://t.me/blissx86"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link01 Footerlink"
+ >
+ Bliss OS Telegram
+ </a>
+ <a
+ href="https://discord.gg/wwc4Aua4fp"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link02 Footerlink"
+ >
+ Bliss Discord
+ </a>
+ </div>
+ <div class="footer-sources-container">
+ <span class="footer-text08">Sources</span>
+ <span class="Footerlink">BlissRoms Gerrit Review</span>
+ <a
+ href="https://review-x86.blissroms.com/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link03 Footerlink"
+ >
+ <span>Bliss OS (x86) Gerrit Review</span>
+ <br />
+ <span></span>
+ </a>
+ <a
+ href="https://github.com/BlissRoms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link04 Footerlink"
+ >
+ BlissRoms GitHub
+ </a>
+ <a
+ href="https://github.com/BlissRoms-Devices"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link05 Footerlink"
+ >
+ BlissRoms-Devices GitHub
+ </a>
+ <a
+ href="https://github.com/BlissRoms-x86"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link06 Footerlink"
+ >
+ Bliss OS GitHub
+ </a>
+ <a
+ href="https://github.com/BlissRoms-pine64"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link07 Footerlink"
+ >
+ BlissRoms-PINE64 GitHub
+ </a>
+ </div>
+ </div>
+ <div class="footer-container2">
+ <div class="footer-contact">
+ <span class="footer-text12 footer-Text-Style">Links</span>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link08 Footerlink"
+ >
+ Team members
+ </a>
+ <a
+ href="https://status.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link09 Footerlink"
+ >
+ Status
+ </a>
+ <a
+ href="https://blog.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link10 Footerlink"
+ >
+ Blog
+ </a>
+ </div>
+ <div class="footer-socials">
+ <span class="footer-text13 footer-Text-Style">Follow Us</span>
+ <div class="footer-icon-group">
+ <a
+ href="https://twitter.com/stayblissful"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link11"
+ >
+ <svg viewBox="0 0 950.8571428571428 1024" class="icons">
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.instagram.com/blissroms/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link12"
+ >
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="footer-icon02 icons"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://github.com/BlissRoms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link13"
+ >
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="footer-icon04 icons"
+ >
+ <path
+ d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://t.me/BlissROM_Updates"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link14"
+ >
+ <svg viewBox="0 0 1024 1024" class="footer-icon06 icons">
+ <path
+ d="M679.429 746.857l84-396c7.429-34.857-12.571-48.571-35.429-40l-493.714 190.286c-33.714 13.143-33.143 32-5.714 40.571l126.286 39.429 293.143-184.571c13.714-9.143 26.286-4 16 5.143l-237.143 214.286-9.143 130.286c13.143 0 18.857-5.714 25.714-12.571l61.714-59.429 128 94.286c23.429 13.143 40 6.286 46.286-21.714zM1024 512c0 282.857-229.143 512-512 512s-512-229.143-512-512 229.143-512 512-512 512 229.143 512 512z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.linkedin.com/company/stayblissful"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link15"
+ >
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="footer-icon08 icons"
+ >
+ <path
+ d="M135.429 808h132v-396.571h-132v396.571zM276 289.143c-0.571-38.857-28.571-68.571-73.714-68.571s-74.857 29.714-74.857 68.571c0 37.714 28.571 68.571 73.143 68.571h0.571c46.286 0 74.857-30.857 74.857-68.571zM610.286 808h132v-227.429c0-121.714-65.143-178.286-152-178.286-70.857 0-102.286 39.429-119.429 66.857h1.143v-57.714h-132s1.714 37.143 0 396.571v0h132v-221.714c0-11.429 0.571-23.429 4-32 9.714-23.429 31.429-48 68-48 47.429 0 66.286 36 66.286 89.714v212zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.reddit.com/r/BlissRoms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link16"
+ >
+ <svg viewBox="0 0 1024 1024" class="icons footer-icon10">
+ <path
+ d="M1024 483.429c0 44.571-25.143 82.857-62.286 101.714 4.571 17.714 6.857 36 6.857 54.857 0 180.571-204 326.857-455.429 326.857-250.857 0-454.857-146.286-454.857-326.857 0-18.286 2.286-36.571 6.286-53.714-38.286-18.857-64.571-57.714-64.571-102.857 0-62.857 50.857-113.714 113.714-113.714 32.571 0 61.714 13.714 82.857 36 77.143-53.714 180-88.571 294.286-92.571l66.286-297.714c2.286-10.286 13.143-17.143 23.429-14.857l210.857 46.286c13.714-27.429 42.857-46.857 76-46.857 47.429 0 85.714 38.286 85.714 85.143 0 47.429-38.286 85.714-85.714 85.714-46.857 0-85.143-38.286-85.143-85.143l-190.857-42.286-59.429 269.714c114.857 3.429 218.857 37.714 296.571 91.429 20.571-21.714 49.714-34.857 81.714-34.857 62.857 0 113.714 50.857 113.714 113.714zM238.857 597.143c0 47.429 38.286 85.714 85.143 85.714 47.429 0 85.714-38.286 85.714-85.714 0-46.857-38.286-85.143-85.714-85.143-46.857 0-85.143 38.286-85.143 85.143zM701.714 800c8.571-8.571 8.571-21.143 0-29.714-8-8-21.143-8-29.143 0-34.286 34.857-108 46.857-160.571 46.857s-126.286-12-160.571-46.857c-8-8-21.143-8-29.143 0-8.571 8-8.571 21.143 0 29.714 54.286 54.286 158.857 58.286 189.714 58.286s135.429-4 189.714-58.286zM700 682.857c46.857 0 85.143-38.286 85.143-85.714 0-46.857-38.286-85.143-85.143-85.143-47.429 0-85.714 38.286-85.714 85.143 0 47.429 38.286 85.714 85.714 85.714z"
+ ></path>
+ </svg>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="footer-separator"></div>
+ </footer>
</div>
</div>
- </div>
- <!-- Footer -->
- <div class="py-3 bg-light">
- <div class="container">
- <div class="row">
- <div class="col-md-12 text-center">
- <p class="mb-0 mt-2">© 2021 Made with ❤️ <a href="https://blisslabs.org/">by BlissLabs</a>. All rights reserved</p>
- </div>
- </div>
- </div>
- </div>
-
- <!-- JavaScript dependencies -->
- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
- integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
- crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
- integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
- crossorigin="anonymous"></script>
- <!-- Script: Smooth scrolling between anchors in the same page -->
- <script src="js/smooth-scroll.js"></script>
-
-</body>
-
+ <script>
+ (function () {
+ class Menu {
+ init = () => {
+ this.listenForUrlChanges()
+ this.getMenuElementsAndAddEvents()
+ return this;
+ };
+
+ getMenuElementsAndAddEvents = () => {
+ const mobileMenuElement = document.getElementsByClassName('teleport-menu-mobile')[0]
+ const closeMenuElement = document.getElementsByClassName('teleport-menu-close')[0]
+ const burgerMenuElement = document.getElementsByClassName('teleport-menu-burger')[0]
+
+ if (!burgerMenuElement) {
+ teleport.log("We're missing an element with a 'teleport-menu-mobile' class.");
+ return;
+ }
+
+
+ if (!mobileMenuElement) {
+ teleport.error(
+ `We're missing an element with a 'teleport-menu-mobile' class.`
+ );
+ return;
+ }
+
+ if (!closeMenuElement) {
+ teleport.error(
+ `We're missing an element with a 'teleport-menu-mobile' class.'`
+ );
+ return;
+ }
+
+ mobileMenuElement.addEventListener("click", () => {
+ mobileMenuElement.classList.remove("teleport-menu-show");
+ })
+ burgerMenuElement.addEventListener("click", () => {
+ mobileMenuElement.classList.add("teleport-menu-show");
+ });
+ closeMenuElement.addEventListener("click", () => {
+ mobileMenuElement.classList.remove("teleport-menu-show");
+ });
+ };
+
+ listenForUrlChanges = () => {
+ let url = location.href;
+ document.addEventListener('click', () => {
+ requestAnimationFrame(() => {
+ if (url !== location.href) {
+ console.log('URL changed');
+ this.getMenuElementsAndAddEvents()
+ url = location.href
+ }
+ });
+ }, true);
+ }
+ }
+
+ const teleport = {
+ debug: false,
+ log: (msg, obj) => {
+ if (teleport.debug) {
+ console.log("teleport: " + msg, obj || "");
+ }
+ },
+ error: (msg, object) => {
+ console.error("teleport-error: " + msg, object);
+ },
+ Menu,
+ }
+
+ new Menu().init()
+ })()
+ </script>
+ </body>
</html>
