.button {
  color: white;
  font-family: 'nunito';
}
#imgjade:hover{
  transition: 1s;
  filter: invert(100%);
  }

#imgjade {
  left: 20px;
  position: relative;
  animation: shake 0.5s; 
  animation-iteration-count: infinite; 
  max-width: 350px;
  min-width: 0px;
  height: auto;
  margin: auto;
}

body {
  padding: 50px;
  background-color: black;
  background-image: linear-gradient(45deg, #004d04 25%, #000000 25%, #000000 50%, #004d04 50%, #004d04 75%, #000000 75%, #000000 100%);
background-size: 14.14px 14.14px;
}
h1 {
background: linear-gradient(to top, white 0%, lime 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  text-align: center;
  color: green;
  font-family: 'italic';
  font-stretch: 150%;
}
.entrancebox p {
text-align: right;
  font-family: 'nunito';
}
.entrancebox a {
  font-size: 25px;
  text-align: left;
  font-stretch: 50%;
  color: white;
  font-family: 'nunito';
}

.entrancebox {
  padding-top: 0px;
  padding: 0px;
  margin: auto;
  background-color: black;
  color: white;
  height: 400px;
  min-width: 300px;
  max-width: 500px;
  border: 5px double green;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@font-face {
font-family: 'italic';
src: url(NunitoSans-Italic.ttf);
}
@font-face {
font-family: 'nunito';
src: url(NunitoSans.ttf);
}