body{
  display:flex;
  align-items:center;
  font-family:sans-serif;
  flex-direction:column;
  height:100vh;
  background:black;
  width:100vw;
  overflow-x:hidden;
  justify-content:center;
}

.imprint-header {
    font-size:6rem;
  -webkit-text-stroke: 1px white;
  -webkit-text-fill-color: black;
  -webkit-animation: fill 0.5s infinite alternate;
}

.l{
  width:fit-content;
  white-space:nowrap;
  animation: example 10s linear 0.5s infinite;
}
.r{
  width:fit-content;
  white-space:nowrap;
  animation: example2 10s linear 0.5s infinite;
}

@keyframes example2 {
  0% {      
    margin-right:0%;
    opacity:0%;
 }
  10%{
    opacity:100%;
  }
  90%{
    opacity:100%;
  }
  100% {
    margin-right:-100%;
    opacity:0%;
 }
}
@keyframes example {
  0% {      
    margin-left:0%;
    opacity:0%;
 }
  10%{
    opacity:100%;
  }
  90%{
    opacity:100%;
  }
  100% {
    margin-left:-100%;
    opacity:0%;
 }
}

.simpletext {
  color: white;
  text-align: center;
}

.boldtext {
  color: white;
  font-weight: bold;
}

.button {

    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    z-index: 999;
  text-align: center;
    border-color: white;
    outline: 4px double #000000;
    color: white;
    border-style: double double double;
    text-decoration: none;
}


.button:hover {
    border-color: white;
    outline: 8px solid #000000;
    background-color: transparent;
    color: white;
    border-style: dashed dashed dashed;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}