*{
font-family: 'Comic Sans MS', cursive, sans-serif;
letter-spacing: 5px;
font-size: 20px;
font-weight: bold;
color: green;
line-height: 25px;
filter: invert(1) hue-rotate(180deg);
}
header {
animation: shake 0.1s infinite;
background: linear-gradient(45deg, red, blue, green, yellow);
text-transform: uppercase;
font-size: 10rem;
}
img {
filter: contrast(200%) saturate(300%) brightness(90%) hue-rotate(10deg);
rotate(1deg);
mix-blend-mode: hard-light;
filter: sepia(1) saturate(3) hue-rotate(90deg) brightness(70%);
animation: shake 0.1s infinite;
}
h1, p {
animation: shake 0.01s infinite;
margin: 0;
padding: 0;
}
@keyframes shake {
0% { transform: translate(0, 0); }
25% { transform: translate(-20px, -20px); }
50% { transform: translate(20px, 20px); }
75% { transform: translate(-20px, 20px); }
100% { transform: translate(20px, -20px); }
}
@keyframes rotate {
50% {transform: rotate(180deg);}
}