-
+
+
diff --git a/src/components/Home/CTO/CTO.scss b/src/components/Home/CTO/CTO.scss
new file mode 100644
index 0000000..dd13e8f
--- /dev/null
+++ b/src/components/Home/CTO/CTO.scss
@@ -0,0 +1,45 @@
+@import "../../../styles/colors.scss";
+@import "../../../styles/mixins.scss";
+
+#home-cto {
+ min-height: 28em;
+ @include fluid-font-size(1.3125rem);
+ background-image: url("../../../assets/geometric-bg.webp");
+ background-position: 99% 100%;
+ background-repeat: no-repeat;
+ background-size: contain;
+
+ > div {
+ @include fluid-margin-lr;
+ max-width: 28em;
+ padding: 3.14em 0;
+ }
+
+ .bio {
+ display: flex;
+ align-items: center;
+ margin-top: 1.57em;
+ gap: 1.33em;
+ font-family: var(--font-family-jaldi);
+ color: var(--cloud);
+
+ img {
+ @include fluid-width-height(5.875rem, 5.875rem);
+ }
+
+ strong {
+ @include fluid-font-size(1.625rem);
+ line-height: 133%;
+ color: var(--white);
+ }
+ }
+
+ @media screen and (width < 80rem) {
+ p {
+ background: rgba($body-bg, 0.65);
+ border-radius: 0 0.5em 0.5em 0;
+ padding: 0.3em 0.5em;
+ margin: -0.3em -0.5em;
+ }
+ }
+}
diff --git a/src/components/Home/CTO/CTOStyles.css b/src/components/Home/CTO/CTOStyles.css
deleted file mode 100644
index 863fea9..0000000
--- a/src/components/Home/CTO/CTOStyles.css
+++ /dev/null
@@ -1,88 +0,0 @@
-.cto-geometric-bg {
- background-image: url('../../../assets/geometric-bg.webp');
- background-position: 75vh -2vh;
- background-size: contain;
- background-repeat: no-repeat;
- position: relative;
- height: 588px;
- width: 100%;
- transition: 0.5s;
-}
-
-.cto-mini-bio {
- height: 96px;
- width: 100%;
- object-fit: contain;
- display: inline-flex;
- justify-content: center;
- flex-direction: column;
- background-repeat: no-repeat;
- background-image: url('../../../assets/cto-avatar.webp');
- margin-top: 3vh;
- z-index: 999 !important;
-}
-
-.cto-info {
- margin-left: 7em;
- transition: 0.5s;
-}
-
-.cto-translucent {
- background-color: #020e10ac;
- border-radius: 15px;
- transition: 0.5s;
-}
-
-@media screen and (width >0px) and (width <=600px) {
- .cto-container {
- background-position: 100px 50px;
- background-size: cover;
- background-repeat: no-repeat;
- background-origin: content-box;
- transition: 0.5s;
- justify-content: center;
- max-width: 80%;
- }
-
- .cto-bp {
- padding-right: 0%;
- transition: 0.5s;
- }
-
- .shadowdrop {
- border-radius: 72.5px;
- box-shadow: 4px 4px #00000040;
- transition: 0.5s;
- justify-content: center;
- }
-
- .cto-shadow {
- align-items: flex-start;
- display: flex;
- vertical-align: center;
- padding-left: 15%;
- }
-}
-
-@media screen and (width >=601px) {
- .cto-container {
- background-position: 100px 50px;
- background-size: cover;
- background-repeat: no-repeat;
- background-origin: content-box;
- transition: 0.5s;
- width: 100%;
- }
-
- .cto-bp {
- padding-right: 0%;
- transition: 0.5s;
- }
-
- .cto-shadow {
- align-items: flex-start;
- display: flex;
- vertical-align: center;
- padding-inline: 12%;
- }
-}
\ No newline at end of file
diff --git a/src/components/Home/Meme/Meme.astro b/src/components/Home/Meme/Meme.astro
index 23d1a2e..d3b2d93 100644
--- a/src/components/Home/Meme/Meme.astro
+++ b/src/components/Home/Meme/Meme.astro
@@ -1,13 +1,12 @@
---
-import "./Meme.scss";
-
+import './Meme.scss';
import meme1 from '../../../assets/meme-1.png';
import meme2 from '../../../assets/meme-2.png';
import meme3 from '../../../assets/meme-3.png';
import meme4 from '../../../assets/meme-4.png';
---
-
-
-
+
-
- Building a new world
-
- - community-powered -
-
- Building a new world
- - Right now, Lume has only one full-time developer and limited - helper staff! We need help from developers, fundraisers, - funders, and contributors to bring the new internet to the - masses. -
-
-
-
-
- Derrick Hammer
-CTO
-
+
+ Community-Powered
+Building a new world for your data
++ Right now, Lume has only one full-time developer and limited helper staff! We need help from developers, fundraisers, funders, and contributors to bring the new internet to the masses. +
+
+ 
+
-
+ Derrick Hammer
+ CTO +
+ CTO +
+
-