.seasonal-hat-wearer{position:relative}.seasonal-hat{z-index:3;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .3s;position:absolute}.seasonal-hat.--christmas{width:75%;height:75%;top:-58%;left:5%;rotate:-13deg}.seasonal-hat.--halloween{width:80%;height:80%;top:-56%;left:-5%;rotate:-13deg}.seasonal-hat.--new-year{width:60%;height:60%;top:-52.5%;left:-2%;rotate:-17deg}.seasonal-hat.--easter{z-index:-1;width:71%;height:71%;top:-60%;left:15%}.seasonal-hat-wearer:hover .seasonal-hat{animation:1s ease-in-out seasonal-hat-wiggle}@keyframes seasonal-hat-wiggle{0%,to{transform:translate(0)translateY(0)rotate(0)}10%{transform:translate(-2px)translateY(-3px)rotate(-3deg)}20%{transform:translate(2px)translateY(-2px)rotate(3deg)}30%{transform:translate(-2px)translateY(-1px)rotate(-2deg)}40%{transform:translate(2px)translateY(-3px)rotate(2deg)}50%{transform:translate(-1px)translateY(-2px)rotate(-1deg)}60%{transform:translate(1px)translateY(-1px)rotate(1deg)}70%{transform:translate(-1px)translateY(-2px)rotate(-1deg)}80%{transform:translate(1px)translateY(-1px)rotate(1deg)}90%{transform:translate(0)translateY(-1px)rotate(0)}}