html {
	font-family: 'Catamaran', sans-serif;
	background-color: #0b0b0b;
	color: #e8e6e3;
}

body{
	padding:0px;
	margin:0px
}
main{ 
  display: grid;
  grid-template-rows: 100vh;
  grid-template-columns: 100vw;
  padding: 0px;
  margin: 0px;
  text-align: center;
  -webkit-animation: fade-in-bottom .4s cubic-bezier(.23,1.000,.32,1.000) both;
  animation: fade-in-bottom .4s cubic-bezier(.23,1.000,.32,1.000) both
}

div{
  justify-self: center;
  align-self: center;
  text-align: center;
  padding: 0px;
  margin: 0px
}

#suffix {
	font-size: 2.5rem;
	margin: 0px;
}
#response {
	font-size: 2.5rem
}
#joinmessage {
	font-size: 2.5rem
}
#ip {
	font-size: 2.5rem
}
#count {
	font-size: 2rem;
	margin-bottom: 5px;
	margin-top: 0px;
}
#motd {
	font-size: 1.75rem;
	margin: 5px;
}
#version {
	font-size: 1.25rem;
	margin-bottom: 5px;
	margin-top: 0px;
}

footer {
    text-align: center;
    padding: 50px;
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0%);
	margin-right: -50%;
	bottom: 0px;
	padding:0px;
	font-size: 1rem;
	
}

header p {
	font-size: 250%;
	padding: 0px;
	margin: 0px;
	margin-bottom: -.5%;
}
html body hr.seperator{

}

/* ----------------------------------------------
 * Generated by Animista on 2020-11-29 21:12:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}