@import url('https://fonts.googleapis.com/css2?family=Capriola&family=Major+Mono+Display&display=swap');
body {
	font-family: 'Capriola', sans-serif;  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
    overflow: hidden;
  color: #ffffff;
  
}
.begin {
  padding: 8px 16px;
  background: #c4c4c4;
  color: white;
    margin: 0 auto;
}

h1 {
   font-size: 32px;
  width: 100%;
    margin: 0 auto;
  display: flex;
    justify-content: center;
  align-items: center;
font-family: 'Major Mono Display', monospace;
}
p {
width: 100%;
  display: flex;
    justify-content: center;
  align-items: center;
}
html, body {
  height: 100%;
}

#stats {
  display: none !important;
}

canvas {
  position: absolute;
z-index: -10;
}
a {text-decoration: none;
  color: #7fdbff;
}
  .choosePlayer {
        width: 540px;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
      }
      .redorblue {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        margin-bottom: 80px;
      }
.redpill:hover, .bluepill:hover {
  transition: .64s;
filter: drop-shadow(0px 16px 20px red) invert(75%);
}
.redpill, .bluepill {
   transition: .64s;
}