@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&family=Libre+Baskerville&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR&family=Roboto:wght@100;400&display=swap");

html {
  font-size: 62.5%;
  font-family: "Noto Sans KR", sans-serif;
  color: var(--wire-frame);
  text-transform: capitalize;
  scroll-behavior: smooth;
}

@media screen and (min-width: 2560px) {
  html {
    font-size: 120%;
  }
}
@media screen and (max-width: 1320px) {
  html {
    font-size: 50%;
  }
}

@media screen and (max-width: 520px) {
  html {
    font-size: 43.75% !important;
  }
}

h1 {
  width: 12rem;
  height: 10rem;
  background-size: contain !important;
}

@media screen {
}
h2 {
  margin-bottom: 2rem;
  font-size: var(--font-giant);
  font-family: "Nanum Myeongjo", serif;
}

h2 + p {
  font-size: var(--font-medium);
  font-family: "Libre Baskerville", serif;
}

h3 {
  font-size: var(--font-big);
}

h3 + p {
  font-size: var(--font-medium);
  font-family: "Libre Baskerville", serif;
}

h4 {
  font-size: var(--font-large);
  font-family: "Cormorant Garamond", serif;
}

h5 {
  font-size: var(--font-medium);
  font-family: "Nanum Myeongjo", serif;
}

h5 ~ p {
  font-family: "Nanum Myeongjo", serif;
}

p,
textArea {
  font-size: var(--font-small);
  line-height: var(--font-medium);
}

span {
  font-size: var(--font-tiny);
}

hr {
  border: none;
}