@font-face { font-family: hemi; src: url('hemi.ttf');}



#Uhr {
color: rgb(255,0,0);
font-size: 36px;
text-align: center;
font-family: hemi;
border: 2px solid #900;
margin: 2px;
padding: 20px;
/*animation-name: Time;
animation-duration: 10.0s;
animation-iteration-count: infinite;
animation-timing-function: linear*/
}

#cons {
  margin: auto;
  display: block;
}

/*#logo{
  animation-name: hue-rot;
  animation-duration: 10.0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  filter: saturate(100%);
}*/

#last a{
  font-size: 1em;
  padding: 6px;
  border:1px solid red;
  animation-name: Border;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

p{
color:red;
font-family:hemi;
}

ul{
  display: inline;
}

#infolist p,span {
  font-size: 3em;
  color: red;
  font-family: hemi;
}

#infolist img {
  display: block;
  height: 3em;
}

h1{
font-family:hemi;
color: red;
text-align: left;
}

.infobox{
text-align:center;
border: 3px solid red;  
}

h2,h3{
  font-family: hemi;
  color:red;

}

form{
  text-align: center;
}
@keyframes hue-rot {
    0% {filter:hue-rotate(0deg);}
    100% {filter:hue-rotate(360deg);}
}
@keyframes Time {
    0% {color: red;}
    10% {color:orange;}
    20% {color:yellow;}
    30% {color:greenyellow;}
    40% {color:lime;}
    50% {color:cyan;}
    60% {color:blue;}
    70% {color:purple;}
    80% {color:magenta;}
    90% {color:crimson;}
    100% {color:red;}
}

@keyframes Border {
    0% {color: red;}
    0% {border-color: red;}
    10% {color:orange;}
    10% {border-color:orange;}
    20% {color:yellow;}
    20% {border-color:yellow;}
    30% {color:greenyellow;}
    30% {border-color:greenyellow;}
    40% {color:lime;}
    40% {border-color:lime;}
    50% {color:cyan;}
    50% {border-color:cyan;}
    60% {color:blue;}
    60% {border-color:blue;}
    70% {color:purple;}
    70% {border-color:purple;}
    80% {color:magenta;}
    80% {border-color:magenta;}
    90% {color:crimson;}
    90% {border-color:crimson;}
    100% {color:red;}
    100% {border-color:red;}
}

body{
  background-color: #071122;
}

a {
  color: red;
  font-family: hemi;
  text-decoration:none;
  font-size: 1.8em;
}

li a,p{
  color:red;
  font-family: hemi;
  font-size: 30px
}

header nav a {
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
}


.Leiste nav a {
  height: 60px;
  line-height: 60px;
  color: #FFF;
  text-decoration: none;
  font-size: 25px;
}

.Leiste a {
  cursor: pointer;
margin-right: 30px;
padding: 8px 18px;
border: 1px solid #FFF;
}

.Leiste  {
  background-color: #071122;
  border-top: 2px solid red;
}

nav li {
  display: inline;
  margin: 0;
  padding: 0 10px;
}

nav ul {
  display: inline;
}

.Anime table {
width: 100%;
color:red;
text-align: center;
border-collapse: collapse;
border: 1px solid #900;
}

.Anime a,td,th {
  font-family:hemi;
  font-size: 30px;
}

.user {
  width: 100vw;
  border: 1px solid #900
}

.Teamtable table {
width: 100vw;
color:red;
font-family:hemi;
text-align: center;
font-size: 23px;
}

thead {
color:red;
border:1px solid #900;
border-collapse: collapse;
border-bottom: 3px solid #900;
}

tbody{
  color: red;
  border: 1px solid #900;
  border-collapse: collapse;
}

tr {
  border: 1px solid #900;
  color: red;
  border-collapse: collapse;
}


.Twitch {
  display:inline;
}

.Team nav ul{
color:red;
display: inline;
}

.Team a {
  cursor: pointer;
margin-right: 30px;
padding: 8px 18px;
border: 1px solid red;
}

p {
  font-family:hemi;
  color: red;
  text-align: center;
  font-size: 1,8em;
}

.Animenav a{
cursor: pointer;
margin-right: 15px;
padding: 5px 10px;
border: 1px solid red;
font-size: 2.2em;
height: 60px;
line-height: 60px;
text-decoration: none;
}

.Animenav nav ul li a.e {
  color: orange;
}

.Animenav nav ul li a:visited{
color: lime;
}

.Animenav nav ul{
  align: center;
  color: red;
  display: inline;
}

.Animenav nav li {
  display: inline;
  margin: 0;
}

.Animec a{
  color:rgb(124,252,0);
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
}

.Animec {
  display: inline;
  margin: 0;
}

.right {
  float: right;
}

.left {
  float: left;
}

.FA p {
  animation-name: Time;
  animation-duration: 1.0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.x a {
  color: green;
}