/*===== Lamp Style =====*/
.lamp .light {
  animation: light 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

.lamp .lamp-head {
  animation: head 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  transform-origin: center 50px;
  transform: rotate(0deg);
}

.lamp .spot {
  animation: spot 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

/*-- Lamp Animation --*/
@keyframes light {
  0% {
    opacity: 0.8;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0.8;
  }
}

@keyframes spot {
  0% {
    opacity: 0.8;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0.8;
  }
}

@keyframes head {
  0% {
    transform: rotate(3deg);
  }

  50% {
    transform: rotate(-3deg);
  }

  100% {
    transform: rotate(3deg);
  }
}

@-webkit-keyframes light {
  0% {
    opacity: 0.8;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0.8;
  }
}

@-webkit-keyframes spot {
  0% {
    opacity: 0.8;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0.8;
  }
}

@-webkit-keyframes head {
  0% {
    transform: rotate(3deg);
  }

  50% {
    transform: rotate(-3deg);
  }

  100% {
    transform: rotate(3deg);
  }
}
