body,
#container {
  width: 100%;
  height: 100%;
  background: #1d1e1a;
  overflow: hidden;
}

#skull {
  display:block;
  width: 400px;
  height: 545px;
  margin: auto;
}

polygon {
  stroke: #dbdad7;
  stroke-width: 1px;
}

#skull:hover #jaw {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation: jabber .35s ease infinite;
          animation: jabber .35s ease infinite;
}

@-webkit-keyframes jabber { 
  0%, 50%, 100% { -webkit-transform: rotateZ(0deg) translateY(0px); transform: rotateZ(0deg) translateY(0px); }
  33% { top: 1px; -webkit-transform: rotateZ(-.5deg) translateY(10px); transform: rotateZ(-.5deg) translateY(10px); }
  66% { top: 1px; -webkit-transform: rotateZ(.5deg) translateY(8px); transform: rotateZ(.5deg) translateY(8px); }
}

@keyframes jabber { 
  0%, 50%, 100% { -webkit-transform: rotateZ(0deg) translateY(0px); transform: rotateZ(0deg) translateY(0px); }
  33% { top: 1px; -webkit-transform: rotateZ(-.5deg) translateY(10px); transform: rotateZ(-.5deg) translateY(10px); }
  66% { top: 1px; -webkit-transform: rotateZ(.5deg) translateY(8px); transform: rotateZ(.5deg) translateY(8px); }
}