@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2")
    format("woff2");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2")
    format("woff2");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2")
    format("woff2");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2")
    format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2")
    format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2")
    format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2")
    format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2")
    format("woff2");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2")
    format("woff2");
  font-weight: 900;
  font-display: swap;
}

.txt_ani {
  animation-name: txtAni;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.txt_ani.space {
  margin-right: 2vw;
}
.txt_ani.txt1 {
  animation-delay: 0.1s;
}
.txt_ani.txt2 {
  animation-delay: 0.15s;
}
.txt_ani.txt3 {
  animation-delay: 0.2s;
}
.txt_ani.txt4 {
  animation-delay: 0.25s;
}
.txt_ani.txt5 {
  animation-delay: 0.3s;
}
.txt_ani.txt6 {
  animation-delay: 0.35s;
}
.txt_ani.txt7 {
  animation-delay: 0.4s;
}
.txt_ani.txt8 {
  animation-delay: 0.45s;
}
.txt_ani.txt9 {
  animation-delay: 0.5s;
}
.txt_ani.txt10 {
  animation-delay: 0.55s;
}
.txt_ani.txt11 {
  animation-delay: 0.6s;
}
.txt_ani.txt12 {
  animation-delay: 0.65s;
}
.txt_ani.txt13 {
  animation-delay: 0.7s;
}
.txt_ani.txt14 {
  animation-delay: 0.75s;
}
.txt_ani.txt15 {
  animation-delay: 0.8s;
}
.txt_ani.txt16 {
  animation-delay: 0.85s;
}
.txt_ani.txt17 {
  animation-delay: 0.9s;
}
.txt_ani.txt18 {
  animation-delay: 0.95s;
}
.txt_ani.txt19 {
  animation-delay: 1s;
}
.txt_ani.txt20 {
  animation-delay: 1.05s;
}
.txt_ani.txt21 {
  animation-delay: 1.1s;
}
.txt_ani.txt22 {
  animation-delay: 1.15s;
}
.txt_ani.txt23 {
  animation-delay: 1.2s;
}
.txt_ani.txt24 {
  animation-delay: 1.25s;
}
@keyframes txtAni {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(-25%);
  }
  30% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes obj_txt_ani_twinkle {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.obj_ani.twinkle {
  animation-name: obj_txt_ani_twinkle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

* {
  font-family: "Paperozi", sans-serif;
}
section {
  position: relative;
}
.logo {
  position: absolute;
  top: 5.83vw;
  right: 6.48vw;
  width: 18.88vw;
}
.break {
  display: block;
  flex-basis: 100%;
  height: 0;
}
.text1 {
  position: absolute;
  top: 18.51vw;
  left: 10.18vw;
  font-size: 3.7vw;
  font-weight: 500;
  color: #414141;
}
.text2 {
  flex-wrap: wrap;
  display: flex;
  position: absolute;
  top: 24.54vw;
  left: 10.18vw;
  font-size: 8.46vw;
  font-weight: 700;
  line-height: 1.13;
  color: #3e77ff;
}
.text3 {
  position: absolute;
  top: 103.8vw;
  left: 36.28vw;
  font-size: 3.38vw;
  font-weight: 400;
  line-height: 1.2;
  color: #414141;
}
.text3 span {
  font-weight: 700;
}
.text4 {
  display: flex;
  position: absolute;
  top: 118.5vw;
  left: 36.28vw;
  font-size: 2.59vw;
  line-height: 1.2;
  font-weight: 600;
  color: #3e77ff;
}
.text4 .txt_ani.space {
  margin-right: 0.5vw;
}
.text5 {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 0vw;
  left: 10.18vw;
  font-size: 5.39vw;
  font-weight: 700;
  line-height: 1.17;
  color: #414141;
}
.text5 .txt_ani.space {
  margin-right: 0.5vw;
}
.btn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  color: #3e77ff;
  font-size: 3.7vw;
  font-weight: 500;
  line-height: 1.275;
  top: 83.5%;
  left: 10%;
  width: 80%;
  height: 13.5vw;
  border-radius: 2.3vw;
  background-color: #e3ebff;
}
.btn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  color: #3e77ff;
  font-size: 3.7vw;
  font-weight: 500;
  line-height: 1.275;
  top: 83%;
  left: 10%;
  width: 80%;
  height: 13.5vw;
  border-radius: 2.3vw;
  background-color: #e3ebff;
}