@import url('https://fonts.googleapis.com/css2?family=Micro+5&display=swap');

.battle {
  color: black;
  padding: 12px;
  width: fit-content;
  border-image-slice: 5 5 6 8 fill;
  border-image-width: 10px 10px 12px 16px;
  border-image-repeat: stretch;
  border-style: solid;
  border-color: transparent;
  image-rendering: pixelated;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkAgMAAACyK1GZAAAADFBMVEUAAAAAAACoqMj///8ztpC5AAAAAXRSTlMAQObYZgAAAHZJREFUeNqVy9cBAUEQxvHvhBLQljROVoISNEE9mqAEqQCPm8Psyu7/9psAEHXBkY3hGwZwTxip2B1F+R6nb5gxjihWn9D8gAOaa8YWzc0fGD5hn6GlKkIO0U7oopOjZIhvmDFuXazC944o4EY2CzsMoFBCFy4NjSEyqM/IKooAAAAASUVORK5CYII=");;
  
}

.sonic-font {
  font-family: "Micro 5", sans-serif;
  font-size: 2rem;
}

.centered {
  margin: 0 auto;
  align-content: center;
  text-align: center;
}
  
.title {
  font-size: 4rem;
}

.space-above {
  margin-top: 6rem;
}