@charset "UTF-8";

@font-face {
  font-family: "Pretendard-Regular";
  src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

html {
  transition: font-size 0.5s;
}

html,
body {
  font-size: 62.5%;
}

html > body {
  font-family: "Pretendard-Regular";
}

.scroll::-webkit-scrollbar {
  width: 4px;
  height: 40px;
}

.scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  height: 40px;
  border-radius: 5px;
  border: 4px solid transparent;
}

@media (1800px >= width) {
  html {
    font-size: 58%;
  }
}

@media (1600px >= width) {
  html {
    font-size: 56%;
  }
}

@media (1440px >= width) {
  html {
    font-size: 54%;
  }
}

@media (1280px >= width) {
  html {
    font-size: 45%;
  }
}