@font-face {
    font-family: mcfont;
    src: url(/assets/mc-font.otf);
}
 
 * {
    font-family: mcfont;
    font-size: 1.17em;
}

.outer-box {
   border-radius: 20px;
   width: 500px;
   margin: 150px auto 50px;
   padding: 15px 20px;
   background-image: linear-gradient(to top right,rgb(148, 66, 255), rgb(3, 255, 242));
   box-shadow: 0 7px 25px black;
}

.title-box {
   width: 330px;
   background: rgba(214, 7, 7, 0.295);
   float: right;
   margin: 20px 20px 0 0;
   border-radius: 15px;
   text-align: center;
   padding: 5px;
}

.desc-box {
   background: rgba(16, 89, 223, 0.349);
   border-radius: 15px;
   padding: 5px 15px;
}

.player-box {
   margin: 20px 0 0 15px;
}

.player-headline {
   margin-bottom: 20px;
   font-size: 1.1em;
}

.player-line {
   margin-left: 5px;
   font-size: 1.1em;
}

.error-box {
   border: 2px solid black;
   border-radius: 20px;
   width: 40%;
   min-width: 200px;
   margin: 200px auto;
   padding: 15px 20px;
   background-image: linear-gradient(to top right,rgb(255, 100, 221), rgb(58, 252, 236));
   box-shadow: 0 7px 25px black;
   text-align: center;
}

 .server-icon {
    image-rendering: pixelated;
    width: 128px;
    _float: left;
}

.mcc-black { color: #000000; }
.mcc-dark_red { color: #AA0000; }