@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&display=swap');
   
.big-text {
  font-family: 'Libre Barcode 128 Text', system-ui;
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  
}

body {
  background-image: url("images/RaB.jpg");
  background-size: cover;
}

.main  {
  background-color: #1a060b;
  color: #ddd;
  font-family: 'Forum', serif;
  margin-left: 50px;
  margin-right: 50px;
  border-radius: 1px;
  text-align: center;
  font-size: 20px;
  border-color: #a30026;
  border-width: 10px;
  border-style: inset;
  
}

  

.nav-buttons a {
  padding: 5px;
  border-radius: 0px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 20px;

}

.footer {
  border-color: #a30026;
  padding: 10px;
  border-style: solid;
   margin-top:auto;
    margin-bottom:auto;
    text-align:center;
  background-image: url("images/edgy.png");
  background-size: cover;
  background-repeat: no-repeat;
  
}

.hilight {
  color: yellow !important;
  font-weight: bold !important;
}


img:hover {
  
  animation: shake 0.5s;

  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(5px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 5px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(10px, 8px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 12px) rotate(-1deg); }
  80% { transform: translate(-12px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 21px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}