html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #161616;
    font-family: 'Courier New', Courier, monospace;
    color: white;
}

body {
    margin: 500px auto;
}

.content {
    width: 70%;
    margin: 160px auto;
    padding-bottom: 100px;
}

section{
    transform: transform 0.1s ease;
    will-change: transform;
}

h1 {
    font-size: 48px;
    font-weight: lighter;
    margin-bottom: 10px;
}

p{
    font-weight: lighter;
    color: rgba(255,255,255,0.4);
    font-size: 16px;
    line-height: 30px;
}

img {
    width: 100%;
}

div {
    margin-bottom: 80px;
}

html.lenis {
    height: auto;
  }
  
  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }
  
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
  
  .lenis.lenis-stopped {
    overflow: hidden;
  }
  
  .lenis.lenis-scrolling iframe {
    pointer-events: none;
  }