2nd styles pass; pre meeting

src/assets/styles/be-your-own.scss

@@ -1,10 +1,10 @@
-#why {
+#be-your-own {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6rem;
-  margin: 6rem 0;
-  padding: 6rem;
+  margin: 0 0 6rem 0;
+  padding: 0 6rem 6rem 6rem;
   box-sizing: border-box;
   width: 100%;
 

src/assets/styles/bitcoin.scss

@@ -7,13 +7,34 @@ section#bitcoin {
   flex-direction: column;
   align-items: center;
   gap: 6rem;
+  position: relative;
+  z-index: -1;
+  margin-bottom: -10rem;
+
+  &::before{
+    content: '';
+    width: 100%;
+    height: 100vh;
+    background-image: linear-gradient(#33333300,var(--c-bkg));
+    position: absolute;
+    top: -100vh;
+  }
+
+  &::after{
+    content: '';
+    width: 100%;
+    height: 100vh;
+    background-image: linear-gradient(var(--c-bkg),#33333300);
+    position: absolute;
+    bottom: -100vh;
+  }
 
   #grid-blend-top {
     // mix-blend-mode: multiply;
     width: 100vw;
     rect {
-      fill: #fff;
-      stroke: #fff;
+      fill: var(--c-bkg);
+      stroke: var(--c-bkg);
       stroke-width: 2px;
     }
   }
@@ -21,8 +42,8 @@ section#bitcoin {
   #grid-blend-bottom {
     width: 100vw;
     rect {
-      fill: #222;
-      stroke: #222;
+      fill: var(--c-bkg);
+      stroke: var(--c-bkg);
       stroke-width: 2px;
     }
   }

src/assets/styles/landing.scss

@@ -43,6 +43,12 @@ section {
   
 }
 
+.line-primary path{
+  stroke: var(--c-line-primary);
+  stroke-width: 1px;
+  vector-effect: non-scaling-stroke;
+}
+
 .svg-primary{
   fill: var(--c-text-primary);
 }
@@ -52,6 +58,7 @@ section {
 }
 
 .inverse{
+  box-shadow: rgb(0 0 0 / 60%) 0 3rem 3rem;
   h1, p {
     color: var(--c-bkg);
   }
@@ -71,10 +78,22 @@ section {
   max-height: 75vh;
 }
 
-#hero-image img {
-  width: 50rem;
-  max-width: 90vw;
-  margin-top: 4rem;
+.img-shadow {
+  filter: blur(2rem) brightness(0);
+  z-index: -1;
+  position: absolute;
+  top: 5rem;
+  opacity: .5;
+}
+
+#hero-image {
+  position: relative;
+  display: flex;
+  img {
+    width: 50rem;
+    max-width: 90vw;
+    margin-top: 4rem;
+  }
 }
 
 nav {

src/assets/styles/main.scss

@@ -121,7 +121,7 @@ nav{
             a {
                 color: var(--c-text-bright);
                 font-size: 1.5rem;
-                padding: 0.3em 0.5em 0em 0.5em;
+                padding: 0em 0.5em 0em 0.5em;
                 &.em{
                     background-color: var(--c-text-accent);
                     

src/assets/styles/menu.scss

@@ -3,7 +3,7 @@
     padding: 0;
     width: 100vw;
     height:100vh;
-    transform: translateY(-100vw);
+    transform: translateY(-100vh);
     .menu-content{
         display: flex;
         flex-direction: column;

src/assets/styles/pitch.scss

@@ -3,6 +3,7 @@ section#pitch {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    margin-bottom: 6rem;
   
     h1 {
       margin: 0;

src/assets/styles/products.scss

@@ -28,7 +28,7 @@ section#products {
         }
         img{
           transform: scale(1.1);
-          opacity: 0;
+          opacity: .2;
         }
       }
     }
@@ -46,6 +46,7 @@ section#products {
       .product__subheader{
 
       }
+      background: linear-gradient(45deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.05));
     }
     &:last-of-type a {
       align-items: flex-start;
@@ -64,6 +65,7 @@ section#products {
       .product__subheader{
 
       }
+      background: linear-gradient(45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.25));
     }
   }
 }