body{
	font-family: "Comic Sans MS";
	color: white;
	text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;


background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}}


@keyframes slidebg {
  to {
    background-position: 20vw;
  }
}
@keyframes slidebg {
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}


@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

@keyframes bounce{
	0%{transform: scale(2);}
	50%{transform: scale(0.5);}
	100%{transform: scale(2);}
}

@keyframes rotate{
	0%{transform: scale(2);}
	25%{transform: rotate(90deg)}
	50%{transform: scale(0.5)}
	75%{transform: rotate(270deg)}
	100%{transform: scale(2)}
}

.LarsStinkt{
	display: inline-block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 150px;
	height: 150px;
	margin: auto;
	text-align: center;
	animation:bounce 1s infinite;
}

.LarsStinkt:active{
	animation:bounce .2s infinite;
}

.LarsStinkt:hover{
	animation: rotate 0.3s infinite;
}