html, body{ color-scheme: light !important; } body *{ /* animation: shake 150s infinite; */ } img{ background: skyblue; filter: blur(5px); transition: 1s; } img:hover { filter: blur(0px); } h1 { font-size: 100px !important; color: red !important; } p { color: green; font-size: 25px; font-family: "times"; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(360deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-360deg); } }