h1 {
    font-family: Determination;
}
body {
    color: white;
    font-family: w95, sans-serif;
    margin: 0;
    padding: 20px;
}
@font-face {
  font-family: 'w95';
  src: url('w95fa.woff') format('woff');
}

@font-face {
  font-family: 'Determination';
  src: url('determination.woff') format('woff')
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("/angel-sanctuary/images/background.jpg");
  background-repeat: repeat;
  background-size: 75px 75px;
  animation: slide 7s linear infinite;
  z-index: -1;
}

@keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position:75px 75px;
  }
}

body {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  color: white
}

header {
  background-color: hotpink;
  border: 3px solid white;
  color: white;
  font-family: Determination;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 10px 15px;
  min-height: 60px;
}

header h1 {
  text-align: center;
  margin: 0;
}

footer{
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: hotpink;
  border-top: 3px solid white;
  width: 100%;
  height: 50px;
  font-family: w95;
  color: white;
  
  marquee {
    padding-top: 15px;
  }
}

superkewlbox {
  display: block;
  background-color: hotpink;
  border: 3px solid white;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
  color: white;
}