.panel.align-top {
    align-items: flex-start;
  }
  
  .panel h1, .panel-about h1 {
    font-size: 1.8em;
    color: var(--color-just-black);
    font-weight: 300;
    margin: 0 auto;
  }
  .panel.description, .panel-about.description {
    padding-bottom: 60px;
  }
  /* font-size: 0.8em; line-height: 1.5em;*/
  .panel p, .panel li, .panel-about p, .panel-about li {
    color: var(--color-just-black);
    font-weight: 300;
    text-align: left;
    margin: 0.3em 0 1em 0;
  }
  .panel p strong, .panel li strong, .panel-about p strong, .panel-about li strong {
    color: var(--color-just-black);
    font-weight: 300;
  }
  .panel p code, .panel li code, .panel-about p code, .panel-about li code {
    background-color: rgba(255,255,255,0.15);
    padding: 2px 4px;
    border-radius: 5px;
  }
  .panel li, .panel-about li {
    margin: 0;
    padding: 0;
    font-style: italic;
  }
  .gray {
    background: var(--gradient-macha),url(https://assets.codepen.io/16327/noise.png);
    background-blend-mode: color-dodge
  }
  .blue {
    background: var(--color-ui-gradient),url(https://assets.codepen.io/16327/noise.png);
    background-blend-mode: color-dodge
  }
  .orange {
    background: var(--gradient-orange-crush),url(https://assets.codepen.io/16327/noise.png);
    background-blend-mode: color-dodge
  }
  
  .red {
    background: var(--gradient-lipstick),url(https://assets.codepen.io/16327/noise.png);
    background-blend-mode: color-dodge
  }
  
  .purple {
    background: var(--gradient-purple-haze),url(https://assets.codepen.io/16327/noise.png);
    background-blend-mode: color-dodge
  }
  
  .green {
    background: var(--gradient-emerald-city),url(https://assets.codepen.io/16327/noise.png);
    background-blend-mode: color-dodge
  }
  
  /* html, body {
    margin: 0;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  } */
  
  .panel {
    width: 100%;
    min-height: 100vh;
    height: auto;
    position: relative;
    box-sizing: border-box;
  }
  .panel-about{
    width: 100%;
    min-height: 100vh;
    height: auto;
    position: relative;
    box-sizing: border-box;
  }
  /* #about1 {
    min-height: 365px;
  } */
  
  body {
    overflow-x: hidden;
    overflow-y: hidden;
  }


  
  /* SCROLL DOWN */ 
  .scroll-down {
    position: absolute; 
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    color: black;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    overflow: visible;
  }
  .scroll-down .arrow {
    position: relative;
    top: -4px;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00ODMuMiwxOTIuMmMtMjAuNS0yMC41LTUzLjUtMjAuOC03My43LTAuNkwyNTcsMzQ0LjFMMTA0LjUsMTkxLjZjLTIwLjItMjAuMi01My4yLTE5LjktNzMuNywwLjYKCWMtMjAuNSwyMC41LTIwLjgsNTMuNS0wLjYsNzMuN2wxOTAsMTkwYzEwLjEsMTAuMSwyMy40LDE1LjEsMzYuOCwxNWMxMy4zLDAuMSwyNi43LTQuOSwzNi44LTE1bDE5MC0xOTAKCUM1MDMuOSwyNDUuNyw1MDMuNywyMTIuNyw0ODMuMiwxOTIuMnoiLz4KPC9zdmc+);
    background-size: contain;
  }
  
  .arrow-right {
    transform: rotate(-90deg);
    position: relative;
    top: -4px;
    margin: 1rem auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00ODMuMiwxOTIuMmMtMjAuNS0yMC41LTUzLjUtMjAuOC03My43LTAuNkwyNTcsMzQ0LjFMMTA0LjUsMTkxLjZjLTIwLjItMjAuMi01My4yLTE5LjktNzMuNywwLjYKCWMtMjAuNSwyMC41LTIwLjgsNTMuNS0wLjYsNzMuN2wxOTAsMTkwYzEwLjEsMTAuMSwyMy40LDE1LjEsMzYuOCwxNWMxMy4zLDAuMSwyNi43LTQuOSwzNi44LTE1bDE5MC0xOTAKCUM1MDMuOSwyNDUuNyw1MDMuNywyMTIuNyw0ODMuMiwxOTIuMnoiLz4KPC9zdmc+);
    background-size: contain;
  }

  .scrolling-text {
    position: absolute;
    top: 0%;
    left: -120%;
    white-space: nowrap;
    font-size: 7rem;
    font-weight: 700;
    z-index: 1; /* Behind the content */
    opacity: 0.2;
  }

  @media only screen and (max-width: 600px) {
    /* .panel-about{
      min-height: 100vh;
    } */
  }