/*****
Fonts
*****/
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('./fonts/PretendardVariable.woff2') format('woff2-variations');
}

/*****
Layout
*****/
body {
  margin: 0px;
}
.container {
  font-family: "Pretendard Variable";
  font-size: calc(0.64vw + 11.69px);
  line-height: 1.5;
  width: 100vw;
  /* Center vertically and horizontally */
  display: flex;
  justify-content: center;
  align-items: center;
}
.child {
  display: flex;
  flex-direction: row;
}
.fullDeviceHeight {
  height: 100vh;
}
/*****
Font transition
*****/
.child span {
  font-size: 5vw;
  animation: variable-loop 4s normal var(--delay) both;
  --delay: calc((var(--variable-index) + 1) * 0.15s);
}
/* keyframe */
@keyframes variable-loop {
  0% {
    font-weight: 45;
  }
  50% {
    font-weight: 920;
  }
  100% {
    font-weight: 45;
  }
}

/*****
Responsive
*****/
@media screen and (max-width: 800px) {
  .child span {
    font-size: 8vw;
  }
}
@media screen and (max-width: 400px) {
  .child span {
    font-size: 12vw;
  }
}