* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  background-color: black;
  font-family: "Exo", sans-serif;
}

main a {
  color: #d9d9d9;
  text-decoration: none;
}

main a:hover {
  text-decoration: underline;
}

main .main-container {
  color: #d9d9d9;
}

main .main-container .chapter {
  position: relative;
}

main .main-container .chapter .scroll-here {
  position: absolute;
}

main .main-container .chapter .text-box ol li {
  padding-left: 1vw;
}

@media (min-width: 1026px) {
  main {
    margin-top: 6vw;
  }

  main .main-container {
    font-size: calc(10px + 0.8vw);
    line-height: calc(10px + 1vw);
    padding-left: 4vw;
  }

  main .main-container .caption {
    margin-bottom: 1vw;
  }

  main .main-container .chapter {
    margin-bottom: 3vw;
  }

  main .main-container .chapter h3 {
    margin-top: 2vw;
  }

  main .main-container .chapter .text-box {
    padding-top: 1vw;
    padding-left: 3vw;
    padding-right: 6vw;
    font-size: calc(6px + 0.8vw);
    line-height: calc(6px + 1.15vw);
  }

  main .main-container .chapter .scroll-here {
    top: -5.5vw;
    width: 20px;
    height: 90px;
  }

  main .main-container .chapter .text-box ol,
  main .main-container .chapter .text-box ul {
    padding-left: 1.5vw;
  }

  main .main-container .chapter .text-box ol li,
  main .main-container .chapter .text-box ul li {
    padding-bottom: 0.7vw;
    padding-top: 0.7vw;
  }

  main .main-container .chapter .text-box ul li ul {
    padding-top: 0.5vw;
  }

  main .main-container .chapter .text-box ol li ul li,
  main .main-container .chapter .text-box ul li ul li {
    padding-bottom: 0.35vw;
    padding-top: 0.35vw;
    margin-left: 1.25vw;
  }
}

@media (max-width: 1025px) {
  main {
    margin-top: 80px;
  }

  main .main-container {
    font-size: calc(9px + 2vw);
    line-height: calc(14px + 2vw);
    padding: 0 4vw;
  }

  main .main-container .caption {
    margin-bottom: calc(9px + 2vw);
  }

  main .main-container .chapter {
    margin-bottom: calc(20px + 1vw);
  }

  main .main-container .chapter .scroll-here {
    top: calc(-65px - 0.5vw);
    width: 20px;
    height: 90px;
  }

  main .main-container .chapter .text-box {
    padding-top: calc(4px + 0.25vw);
    padding-left: calc(25px + 0.5vw);
    padding-right: calc(20px + 0.5vw);
  }

  main .main-container .chapter h3 {
    font-size: calc(14px + 2vw);
    line-height: calc(20px + 2vw);
  }

  main .main-container .chapter .text-box ol li,
  main .main-container .chapter .text-box ul li {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  header .logo {
    left: 10px !important;
  }

  main .main-container .chapter .text-box ul li ul {
    padding-top: 10px;
  }

  main .main-container .chapter .text-box ol li ul li,
  main .main-container .chapter .text-box ul li ul li {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 20px;
  }
}