@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: SemiBold;
}

body {
  margin:0;
  padding: 0;
  background: linear-gradient(90deg, beige, #F4DF89, beige,  #F4DF89 );
  text-align: left;
  color: #39A7EE;
  font-family: 'Pretendard';
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 1.6;
  word-break: keep-all;
}

.animated-title {
  font-size:18px;
  position: relative; width: 100%; max-width:100%; height: 30px;overflow-x: hidden; overflow-y: hidden; }

.animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 20s linear infinite; }

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-200%); }
}

.flow{
  color: white;
  background: linear-gradient(90deg, #009CEA, white);
  display: flex;
  font-size: 18px;}


.target1 {
  width:68%; height: 102px;  background:linear-gradient(90deg, #009CEA, powderblue, deepskyblue, white); border-radius: 50px; 
  text-align:right; line-height:100px;

}
.target1:nth-child(1) {animation:pst 1s linear alternate infinite;}
.target1:nth-child(2) {animation:pst 1s ease alternate infinite;}
.target1:nth-child(3) {animation:pst 1s ease-in alternate infinite;}
.target1:nth-child(4) {animation:pst 1s ease-out alternate infinite;}
.target1:nth-child(5) {animation:pst 1s ease-in-out alternate infinite;}
.target1:nth-child(6) {animation:pst 1s ease alternate infinite;}
.target1:nth-child(7) {animation:pst 1s linear alternate infinite;}
.target1:nth-child(8) {animation:pst 1s ease-out alternate infinite;}
.target1:nth-child(9) {animation:pst 1s ease alternate infinite;}
.target1:nth-child(10) {animation:pst 1s ease-in alternate infinite;}
.target1:nth-child(11) {animation:pst 1s ease-out alternate infinite;}


@keyframes pst {
  from {transform:translateX(-15%)}
  to {transform:translateX(-40%)}
}

span{
  color: lime;

}

p1{
  max-width: 40%;
  font-size:62px;
  padding: 6px;
  background: white;
  margin:14px;
  border-radius: 50px; 
}

a, a:link, a:visited{
  text-decoration: none;
  color: #39A7EE;
  font-size: 62px;
}


.name, .name:link, .name:visited {
  text-decoration: none;
  color: lime;
  font-size: 18px;
}

.name:hover {
  color: royalblue;
}