style.min.css

body{font-family:Arial,Helvetica,sans-serif;background-color:#111;color:#fff}main{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;user-select:none;background-color:#5f0108;transition:background-color .7s}main:active,main.keyDown{background-color:#627318}main:active .wrap,main.keyDown .wrap{animation:rotate .3s infinite}main:active .wrap #green,main.keyDown .wrap #green{opacity:1 !important}main:active.angry,main.keyDown.angry{background-color:#aba618}main:active.angry .wrap,main.keyDown.angry .wrap{animation:rotate .1s infinite}main:active.angry .wrap #green,main.keyDown.angry .wrap #green{filter:hue-rotate(-30deg)}main .wrap{position:relative;width:clamp(10px,70vh,90%);aspect-ratio:1/1}main .wrap img{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%)}main .wrap img#green{opacity:0;transition:opacity .2s}@keyframes rotate{0%{transform:rotate(0deg)}25%{transform:rotate(4deg)}50%{transform:rotate(0)}75%{transform:rotate(-4deg)}100%{transform:rotate(0)}}