.wrapper{background-color:#18233e;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.bird{width:100px;height:100px;position:relative}.hair-container{width:100%;height:100%;animation:3s ease-in-out infinite rotateHair;position:absolute;top:0;left:0}.hair{background-color:#a12a15;border-radius:0 125px 125px 0;width:50%;height:100%;position:absolute;top:0;left:50%}.face{z-index:1;width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.white-container{z-index:1;width:100%;height:100%;animation:3s ease-in-out infinite rotateWhite;position:absolute;top:0;left:0}.white{background-color:#fff;border-radius:0 87.5px 87.5px 0;width:50%;height:100%;position:absolute;top:0;left:50%}.shadow-container{z-index:2;width:100%;height:100%;animation:3s ease-in-out infinite rotateShadow;position:absolute;top:0;left:0}.shadow{background-color:#00000026;border-radius:0 0 87.5px;width:50%;height:50%;position:absolute;top:50%;left:50%}.bigBeak-container{z-index:3;width:100%;height:100%;animation:3s ease-in-out infinite rotBigBeak;position:absolute;top:0;left:0}.bigBeak{background-color:#f7ce42;border-radius:87.5px 0 0;width:50%;height:50%;position:absolute;top:0;left:0}.smallBeak-container{z-index:0;width:100%;height:100%;animation:3s ease-in-out infinite rotSmallBeak;position:absolute;top:0;left:0}.smallBeak{background-color:#f7a500;border-radius:0 0 0 43.25px;width:25%;height:25%;position:absolute;top:50%;left:25%}.eye{z-index:2;background-color:#18233e;border-radius:50%;width:25%;height:25%;animation:3s ease-in-out infinite moveEye;position:absolute;bottom:51%;left:51%}@keyframes rotateHair{0%{transform:rotate(-360deg)}15%{transform:rotate(-360deg)}35%{transform:rotate(-180deg)}65%{transform:rotate(-180deg)}85%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes rotateWhite{0%{transform:rotate(0)}15%{transform:rotate(0)}35%{transform:rotate(-180deg)}65%{transform:rotate(-180deg)}85%{transform:rotate(-360deg)}to{transform:rotate(-360deg)}}@keyframes rotateShadow{15%{transform:rotate(0)}35%{transform:rotate(90deg)}65%{transform:rotate(90deg)}85%{transform:rotate(0)}}@keyframes rotBigBeak{15%{transform:rotate(0)}35%{transform:rotate(90deg)}65%{transform:rotate(90deg)}85%{transform:rotate(0)}}@keyframes rotSmallBeak{15%{transform:rotate(0)}35%{transform:rotate(-90deg)}65%{transform:rotate(-90deg)}85%{transform:rotate(0)}}@keyframes moveEye{15%{left:51%;transform:translate(0)}35%{left:49%;transform:translate(-100%)}65%{left:49%;transform:translate(-100%)}85%{left:51%;transform:translate(0)}}