@font-face {
    font-family: 'RetroText';
    src: url('/../FFFFORWA.TTF') format('truetype');
}

#gavinware-animation {
  width: 75px;
  height: 80px;
  image-rendering: pixelated;
  background-image: url('../images/gavinware_boombox.png');
  background-position: 0px 0px;
}

body {
  background-color: aqua;
  font-family: 'RetroText', Impact;
}

header {
  display: flex;
  border: 5px solid orange;
  border-radius: 10px;
  background-color: blueviolet;
  justify-content: space-around;
  align-items: center;
}

header a {
  color: orange;
}

.pixelated {
  image-rendering: pixelated; 
  height: auto; 
}

h1, h2 {
  color: orange;
}

h1 {
  display: flex;
  justify-content: center;
}

#scoreboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  list-style-type: none;
}

#scoreboard li {
  display: flex;
  flex-direction: row;
}

#scoreboard li:empty {
  display: none;
}

#scoreboard li h1 {
  margin: 10px;
}