html{
  --text-shadow:0.125em 0.125em rgba(50,50,50,0.5);
}

@font-face{
  font-family:mojangles;
  src:url("font/mojangles.woff2");
}

html,body{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  image-rendering:pixelated;
  font-family:mojangles;
  color:white;
  font-size:14pt;
  text-shadow:var(--text-shadow);
}

body{
  background-image: url("img/bg.png");
  background-size: auto 5%;
}
p,img{
  padding:0;
  margin:0;
}
a{
  color:#5555FF;
  text-decoration:none;
  text-shadow:0.125em 0.125em rgba(0,0,170,0.5);
}
a:hover{
  text-decoration:underline;
}

#main{
  width:40%;
  margin:auto;
  padding:1rem;
  background-color:rgba(0,0,0,0.25);
}
#topbar{
  width:100%;
  text-align:center;
  margin-bottom:1rem;
}

.badge{
  margin-top:1rem;
}
.header{
  font-size:1.5rem;
  margin-bottom:0.5rem;
  margin-top:1rem;
}
.banner{
  width:100%;
  height:auto;
  image-rendering:pixelated;
}