lucy's feedback on 09/23

src/assets/styles/bitcoin.scss

@@ -58,6 +58,7 @@ section#bitcoin {
 
   .subsection {
     padding: 0 6rem;
+    gap: 3rem;
   }
 
   .subsection:first-of-type {
@@ -65,6 +66,7 @@ section#bitcoin {
     flex-direction: column;
     place-self: flex-start;
     margin-bottom: 6rem;
+    margin-left: 8rem;
     align-items: flex-start;
   }
   .subsection:nth-of-type(2) {
@@ -72,6 +74,7 @@ section#bitcoin {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
+    margin-right: 8rem;
     h1,
     p {
       text-align: right;

src/assets/styles/footer.scss

@@ -44,10 +44,10 @@ footer{
     }
     .groups li > a {
         font-family: var(--f-accent);
-        font-size: 1rem;
+        font-size: .8rem;
         line-height: 1.5;
         font-weight: 300;
-        text-transform: uppercase;
+        //text-transform: uppercase;
         letter-spacing: .1em;
         color: var(--c-text-primary);
         position: relative;

src/assets/styles/landing.scss

@@ -81,7 +81,9 @@ section {
 }
 
 .section--bold{
-  background-color: rgba(239,75,99,0.2);
+  //background-color: rgba(239,75,99,0.2);
+  background-color: rgba(255,255,255,0.8);
+  --c-text-primary: black;
   backdrop-filter: blur(1rem);
 }
 
@@ -90,7 +92,7 @@ section {
 .line svg{
   width: calc(100vw - (2 * 6rem));
   max-width: 50vw;
-  max-height: 75vh;
+  max-height: 60vh;
 }
 
 nav {
@@ -120,7 +122,7 @@ nav {
 
 h1 {
   font-family: var(--f-hero);
-  font-size: min(5rem,171px);
+  font-size: min(4.5rem,171px);
   text-transform: uppercase;
   line-height: 1;
   color: var(--c-text-primary);
@@ -287,3 +289,62 @@ a.btn {
   }
 }
 
+
+
+$pastels: (red, pink) (blue, purple) (green, yellow)
+  (#a1c4fd, #c2e9fb) (#f6d365, #fda085) (#ffecd2, #fcb69f);
+$cube-edge: 4em;
+
+body {
+  margin: 0;
+  height: 100vh;
+  // perspective: 25em; maybe move from main.css?
+  // background-color: linear-gradient();
+}
+
+[class*="cube"] {
+  position: absolute;
+}
+
+.cube {
+  top: 50%;
+  left: 50%;
+  transform-style: preserve-3d;
+  font-size: 8vmin;
+  animation: ani 8s ease-in-out infinite;
+
+  &__face {
+    margin: -0.5 * $cube-edge;
+    width: $cube-edge;
+    height: $cube-edge;
+    backface-visibility: hidden;
+    --i: 0;
+    --j: 1;
+    transform: rotate3d(var(--i), var(--j), 0, var(--a))
+      translateZ(0.5 * $cube-edge);
+    // interpolate because Sass apparently has issues with this
+    background: #{"linear-gradient(var(--ga), var(--gs))"};
+
+    &:nth-child(n + 5) {
+      --i: 1;
+      --j: 0;
+    }
+
+    @for $f from 0 to 6 {
+      &:nth-child(#{$f + 1}) {
+        --a: if($f < 4, $f, pow(-1, $f)) * 90deg;
+        --ga: random(360) * 1deg;
+        --gs: nth($pastels, $f + 1);
+      }
+    }
+  }
+}
+
+@keyframes ani {
+  from {
+    transform: rotateY(2turn) rotateX(2turn);
+  }
+  to {
+    transform: rotateY(1turn) rotateX(1turn);
+  }
+}

src/assets/styles/main.scss

@@ -219,7 +219,7 @@ nav{
     img {
       width: 50rem;
       max-width: 90vw;
-      margin-top: 4rem;
+      margin-top: 6rem;
     }
   }
 

src/assets/styles/menu.scss

@@ -51,7 +51,7 @@
         font-size: 1.9rem;
         line-height: 1.5;
         font-weight: 100;
-        text-transform: uppercase;
+        //text-transform: uppercase;
         letter-spacing: .1em;
         color: var(--c-text-primary);
         position: relative;
@@ -65,7 +65,8 @@
             transition: var(--t-simple);
             display: inline-block;   
             width:0;
-            height: 85%;
+            height: 84%;
+            top: 6%;
             left: 50%;
             opacity: 0;
         }
@@ -88,6 +89,7 @@
                 background-color: var(--c-text-accent);
                 width: 110%;
                 left: -5%;
+                top: 6%;
                 display: inline-block; 
                 height: 85%; 
                 position: absolute;

src/assets/styles/pitch.scss

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

src/assets/styles/powered-by.scss

@@ -3,6 +3,7 @@ section#powered-by {
   flex-direction: column;
   align-items: center;
   padding: 0rem 6rem 0 6rem;
+  gap: 3rem;
   h2{
     margin: 0;
     text-align: center;

src/assets/styles/products.scss

@@ -3,7 +3,7 @@ section#products {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0rem;
+  gap: 3rem;
   
   .subsection {
     transform-style: preserve-3d;
@@ -51,12 +51,12 @@ section#products {
       }
     }
     &:first-of-type a {
-      align-items: flex-end;
+      align-items: center;
       .heading {
-        left: 6rem;
-        top: 6rem;
-        position: absolute;
-        align-self: flex-end;
+        //left: 6rem;
+        //top: 6rem;
+        //position: absolute;
+        align-self: center;
         text-align: center;
         display: flex;
         flex-direction: column;
@@ -73,13 +73,13 @@ section#products {
     &:last-of-type a {
       align-items: flex-start;
       .heading {
-        display: inline-block;
-        right: 6rem;
-        top: 6rem;
-        position: absolute;
+        // right: 6rem;
+        // top: 6rem;
+        // position: absolute;
         display: flex;
         flex-direction: column;
         text-align: center;
+        align-self: center;
       }
       h1{
         letter-spacing: .5rem;
@@ -94,14 +94,14 @@ section#products {
       }
     }
   }
-  &::after{
-    content: '';
-    left:0;
-    right:0;
-    display: block;
-    background-color: blue;
-    transform: rotateX(90deg);
-    height: 4rem;
-    z-index: -1;
-  }
+  // &::after{
+  //   content: '';
+  //   left:0;
+  //   right:0;
+  //   display: block;
+  //   background-color: blue;
+  //   transform: rotateX(90deg);
+  //   height: 4rem;
+  //   z-index: -1;
+  // }
 }

src/assets/styles/support.scss

@@ -4,6 +4,7 @@ section#support {
   align-items: center;
   padding: 6rem;
   //margin-bottom: 6rem;
+  gap: 3rem;
   .cols {
     display: flex;
     align-items: center;