@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");

:root {
  font-family: "Wanted Sans Variable", "Wanted Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.container {
  display: flex;
  height: 100dvh;
  width: 100vw;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flex {
  display: flex;
}

body {
  margin: 0;
}

hr {
  width: 70%;
  background-color: gray;
}

.main {
  font-weight: 700;
  font-size: 2rem;
}

.sub {
  font-weight: 600;
  font-size: 1rem;
}

.flex-row {
  flex-direction: row;
}

code {
  background-color: lightgrey;
  padding: 6px;
  border-radius: 0.5rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  hr {
    width: 30%;
    background-color: gray;
  }

  .main {
    font-weight: 700;
    font-size: 2.5rem;
  }

  .sub {
    font-weight: 600;
    font-size: 1.25rem;
  }
}