@font-face {
  font-family: "ONE-Mobile-POP";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.mypage-title {
  align-items: center;
  gap: 0;
}

.outlined-text {

  --text-color: #ffffff;
  --font-size: 52px;
  font-family: "ONE-Mobile-POP", sans-serif;

  position: relative;
  display: inline-block;


  font-size: var(--font-size);
  font-weight: 400;

  line-height: 1;
  letter-spacing: -0.06em;

  white-space: nowrap;
}

/* 가장 바깥쪽 진한 파랑 */
.ot-shadow {
  position: absolute;
  left: 5px;
  top: 6px;

  color: #00347f;
  -webkit-text-stroke: 0px #00347f;

  z-index: 1;
}

/* 밝은 파랑 */
.ot-blue {
  position: absolute;
  left: 0;
  top: 0;

  color: var(--text-color);
  -webkit-text-stroke: 8px #0065e8;

  z-index: 2;
}

/* 검정 */
.ot-black {
  position: absolute;
  left: 0;
  top: 0;

  color: var(--text-color);
  -webkit-text-stroke: 4px #111;

  z-index: 3;
}

/* 실제 글자 */
.ot-fill {
  position: relative;

  color: var(--text-color);

  z-index: 4;
}