body {
  background-image: url("../images/backgound_.jpg");
  background-size: 1950px;
}

a {
  color: black;
  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: 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;
}

.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: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px;
}

.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;
}

.description {
  font-family: georgia;
  font-weight: bold;
  font-size: 50px;
}

._home {
  text-align: right;
}

._home2 {
  font-family: georgia;
  font-weight: normal;
  font-size: 15px;
}

.welcome_message {
  text-align: center;
  font-family: "Snell Roundhand", cursive;
  font-weight: bold;
  font-size: 100px;
}

.introduce {
  text-align: center;
  font-family: georgia;
}

.introduce2 {
  text-align: center;
  font-family: georgia;
}

.description {
  text-align: right;
  font-size: 20px;
  font-family: georgia;
}

.webpage {
  height: 170px;
  width: 270px;
  font-size: 48px;
  text-align: center;
}

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

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