.sad-face{width:1em;height:1em;font-size:11vmin;position:relative;transform-origin:center center}.sad-face:hover{animation:spin 4s linear infinite}.smileyContainer .eyes::before{content:":"}.smileyContainer:hover .eyes::before{animation:eyesChanger 4s linear infinite alternate}.smileyContainer .mouth::before{content:"("}.smileyContainer:hover .mouth::before{animation:mouthChanger 4s linear infinite alternate}@keyframes spin{25%{transform:rotate(45deg)}50%{transform:rotate(90deg)}75%{transform:rotate(45deg)}100%{transform:rotate(0)}}@keyframes eyesChanger{25%{content:":"}50%{content:";"}75%{content:":"}100%{content:":"}}@keyframes mouthChanger{25%{content:"("}50%{content:")"}75%{content:"("}100%{content:"("}}