Bewerbung zum Forum-Moderator | Skro

<style>
/*body {
 background:url(https://i.imgur.com/gijQcQz.jpg);
 background-position:center;
 background-size:100%;
 background-repeat:no-repeat;
 background-attachment:fixed
}*/
.mainMenu .boxMenu > li.active > a,
.mainMenu .boxMenu > li:hover > a {
 background:rgba(24, 30, 35, 1);
 color:rgb(50, 100, 255);
}
.badge.badgeUpdate,
a.badge.badgeUpdate {
 background-color:rgb(50, 100, 255);
}
.messageSidebar {
  border-left:2px solid rgb(50, 100, 255);
 }
.badge.badgeUpdate,
a.badge.badgeUpdate {
 color:rgb(0,0,0);
 font-weight:600
}
.redactor-toolbar {
 background-color:rgb(50, 100, 255);
}
.redactor-toolbar > li > a {
 color:rgba(0,0,0);
}
a:hover {
 color:rgba(0,0,255, 1);
 text-decoration:none
}
a {
 color:rgb(50, 100, 255);
 cursor:pointer;
 text-decoration:none
}
button.active,
input[type="button"].active,
input[type="reset"].active,
input[type="submit"].active,
.button.active,
a.button.active,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover {
 background-color:rgb(50, 100, 255);
 color:rgba(0,0,0);
 text-decoration:none
}
button.active,
input[type="button"].active,
input[type="reset"].active,
input[type="submit"].active,
.button.active,
a.button.active,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover {
 background-color:rgb(50, 100, 255);
 color:rgba(0,0,0);
 text-decoration:none
}
.userPanel > ul > li.dropdownOpen > a .icon,
.userPanel > ul > li.open > a .icon,
.userPanel > ul > li:hover > a .icon {
 color:rgba(0,0,255);
}
button.active,
input[type="button"].active,
input[type="reset"].active,
input[type="submit"].active,
.button.active,
a.button.active,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover {
 background-color:rgba(0,0,255);
 color:rgba(0,0,0);
 text-decoration:none
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
a.button {
 background-color:rgba(50,100,255);
 border-radius:2px;
 border-width:0;
 color:rgba(0,0,0);
 cursor:pointer;
 display:inline-block;
 font-weight:400;
 margin:0;
 padding:8px 18px;
 text-decoration:none;
 font-family:"Open Sans", Arial, Helvetica, sans-serif;
 line-height:1.48;
 -webkit-appearance:none;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}

.redactor-toolbar > li > a:hover {
  background-color:rgba(0,0,255,1);
  color:rgba(255, 255, 255, 1)
 }
.redactor-toolbar > li > a.redactor-act,
.redactor-toolbar > li > a.dropact {
 background-color:rgba(0,0,255,1);
 color:rgba(255, 255, 255, 1)
}

 .pageHeaderPanel {
  height:53px;
  border-top:2px solid #3264ff;
  border-bottom:1px solid #fff
 }

  .tabularBoxTitle > header,
 .dialogContainer > header {
  background:linear-gradient(to right, #3264ff 0%, #3264ff 50%, #3264ff 100%);
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  padding-left:5px
 }
button.buttonPrimary,
input[type="button"].buttonPrimary,
input[type="submit"],
.button.buttonPrimary,
a.button.buttonPrimary {
 background-color:rgba(50,100,255);
 color:rgba(0,0,0, 1)
}

button.buttonPrimary.active,
input[type="button"].buttonPrimary.active,
input[type="submit"].active,
.button.buttonPrimary.active,
a.button.buttonPrimary.active,
button.buttonPrimary:hover,
input[type="button"].buttonPrimary:hover,
input[type="submit"]:hover,
.button.buttonPrimary:hover,
a.button.buttonPrimary:hover {
 background-color:rgba(0,0,255, 1);
 color:rgba(0,0,0, 1)
}

</style>
<style>

/* Willkommen animation*/
.skrotext1{
  color: white;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 8px;
  margin-bottom: 20px;
  background: black;
  position: relative;
  animation: text 3s 1;
  text-align: center;
}
.skrotext2{
  font-size: 30px;
  color: white;
  background: black;
  text-align: center;
}
.skrotext3{
  font-size: 30px;
  color: white;
  animation: text2 5s 1;
  
}
.skrotext4{
  font-size: 20px;
  color: white;
  animation: text2 5s 1;
  
}
.skrotext5{
  font-size: 14px;
  color: white;
  animation: text3 7s 1;
  
}

@keyframes text {
  0%{
    margin-bottom: -40px;
  }
  30%{
    letter-spacing: 20px;
    margin-bottom: -50px;
  }
  85%{
    letter-spacing: 8px;
    margin-bottom: -40px;
  }
}

@keyframes text2 {
  from {
    margin-left: -200%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes text3 {
  from {
    margin-left: -200%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}



</style>

<br><br>
<!-- Willkommen Animation -->
<div>
  <span class="skrotext1"><center>Willkommen<br></center></span>
  <span class="skrotext2"><center>Bewerbung zum Forum Moderator</center></span>
<span class="skrotext2"><center>Skro</center></span>
</div>

<br><br><br>