body {
  background-image: url("../images/overwatchback.jpg");
  background-size: 3000px;
}
a {
  color: white;
  font-family: impact;
  text-decoration: none;
  font-size: 30px;
  margin: 10px;
}

.navbar {
  text-align: left;
  -moz-transform: translate(120px, -70px);
  -webkit-transform: translate(120px, -70px);
  -o-transform: translate(120px, -70px);
  -ms-transform: translate(120px, -70px);
  transform: translate(120px, -70px);
}

.index {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.aboutus {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.skills {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.resume {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.gallery {
  font-family: impact;
  color: #000;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18,
    0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18;
}

.contactus {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.faq {
  font-family: impact;
  color: #000;
  text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.Hajoon {
  color: burlywood;
  font-size: 30px;
}

.Kyusik {
  color: orange;
  font-size: 30px;
}

.Yubin {
  color: rgb(255, 0, 247);
  font-size: 30px;
}

.H1 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H2 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H3 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H4 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H5 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H6 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H7 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H8 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H9 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H10 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H11 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H12 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H13 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H14 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H15 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H16 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H17 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H18 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H19 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.H20 {
  border: 6px groove rgba(28, 110, 164, 0.75);
  -webkit-box-shadow: 10px 10px 5px 1px #4cffc5;
  box-shadow: 10px 10px 5px 1px #4cffc5;
}

.K1 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K2 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K3 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K4 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K5 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K6 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K7 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K8 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K9 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K10 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K11 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K12 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K13 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K14 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K15 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K16 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K17 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K18 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K19 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.K20 {
  border: 6px groove rgba(28, 110, 164, 0.17);
  -webkit-box-shadow: 10px 10px 5px 1px #fff296;
  box-shadow: 10px 10px 5px 1px #fff296;
}

.Y1 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y2 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y3 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y4 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y5 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y6 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y7 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y8 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y9 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y10 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y11 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y12 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y13 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y14 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y15 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y16 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y17 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y18 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y19 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.Y20 {
  border: 6px groove rgba(28, 110, 164, 0.44);
  -webkit-box-shadow: 10px 10px 5px 1px #ffcbe1;
  box-shadow: 10px 10px 5px 1px #ffcbe1;
}

.animation {
  position: relative;
  animation-name: mymove;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
}

@keyframes mymove {
  from {
    left: -100px;
  }
  to {
    left: 0px;
  }
}