@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: Sansation;
  src: url(fonts/Sansation.ttf);
}
@font-face {
  font-family: MCBlox;
  src: url(fonts/MCBlox.ttf);
}
@font-face {
  font-family: MCReg;
  src: url(fonts/MCReg.otf);
}
@font-face {
  font-family: MCBold;
  src: url(fonts/MCBold.otf);
}
@font-face {
  font-family: MCTen;
  src: url(fonts/MCTen.ttf);
}

body {
  background-color: rgb(0, 0, 0);
  font-family: 'MCReg', 'MCTen', 'PT Sans', 'Roboto';
  color: white;
  background-image: radial-gradient(circle at bottom left, rgba(14, 116, 0, 0.164), transparent 80%),
                    radial-gradient(circle at top right, rgba(8, 71, 0, 0.13), transparent 90%);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  font-weight: 50;
}

.serverinfo {
  padding-left: 10%;
  display: flex;
  justify-content: space-evenly;
  padding-top: 10vh;
}

h1 {
  font-size: 300%;
  text-shadow: 0 0 10px rgb(0, 48, 14);
  color: #6dac43;
  margin: 0;
  font-family: 'MCTen';
  opacity: 0;
  animation: fadein 2s forwards;
  animation-delay: .2s;
}

.ip {
  padding-top: 16vh;
  opacity: 0;
  animation: fadein 2s forwards;
  animation-delay: .6s;
}

.info {
  padding-left: 20vw;
  padding-right: 20vw;
  font-size: 1.2rem;
  opacity: 0;
  animation: fadein 2s forwards;
  animation-delay: 1s;
}

@keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}