start9-landing/src/assets/styles/bitcoin.scss

section#bitcoin {
  background-image: linear-gradient(180deg, #f7931a 0%, #7b1af8 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  display: flex;
  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: var(--c-bkg);
      stroke: var(--c-bkg);
      stroke-width: 2px;
    }
  }

  #grid-blend-bottom {
    width: 100vw;
    rect {
      fill: var(--c-bkg);
      stroke: var(--c-bkg);
      stroke-width: 2px;
    }
  }

  p {
    max-width: min(35ch, 50vw);
    em{
      color: var(--c-1);
      font-weight: 700;
    }
  }

  .subsection{
    padding: 0 6rem;
  }

  .subsection:first-of-type {
    place-self: flex-start;
    margin-bottom: 6rem;
  }
  .subsection:last-of-type {
    place-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    h1, p{
      text-align: right;
    }
  }

  a.btn{
    background-color: var(--c-1);
    color:var(--c-6);
    border-color: var(--c-6);
    font-size: 1.2rem;
  }
}