body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.penguin{background:#f003;background:radial-gradient(farthest-side at 50% 100%,#0000 99.99%,#000 0) 0 10% /50.1% 15% no-repeat,radial-gradient(farthest-side at 50% 100%,#0000 99.99%,#000 0) 100% 10% /50.1% 15% no-repeat,#fff;border:.5vmin solid;border-radius:100% 100% 100% 100%/150% 150% 40% 40%;box-shadow:inset 0 4vmin 0 1vmin,0 0 15vmin #fff9;height:50vmin;left:80%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .5s ease;width:40vmin}@keyframes blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes waveHand{0%{transform:rotate(245deg)}50%{transform:rotate(230deg)}to{transform:rotate(245deg)}}@keyframes moveRight{0%{transform:translate(-50%,-50%)}20%{transform:translate(-45%,-50%)}40%{transform:translate(-40%,-50%)}60%{transform:translate(-35%,-50%)}80%{transform:translate(-30%,-50%)}to{transform:translate(-25%,-50%)}}.penguin:hover{animation:moveRight 6s steps(10) forwards}.penguin:hover .beak{border-radius:100% 100% 60% 60%/80%}.penguin *{box-sizing:border-box;position:absolute}.eye{animation:blink 3s linear infinite;aspect-ratio:1;background:radial-gradient(circle at 30% 35%,#fff 15%,#fff0 0),radial-gradient(circle at 50% 20%,#fff 8%,#fff0 0),#000;border-radius:50%;left:30%;top:35%;transform:translate(-50%,-50%);width:12%}.eye+.eye{left:65%}.beak{background:orange;border:.5vmin solid;border-radius:100% 100% 60% 60%/100%;height:6%;left:50%;top:46%;width:16%}.beak,.cheek{transform:translate(-50%,-50%)}.cheek{background:red;background:repeating-linear-gradient(-60deg,#0000 0 10%,#c008 0 15%),#fdd;border-radius:50%;box-shadow:inset 0 0 .25vmin .75vmin #fdd;height:7%;left:30%;top:47%;width:14%}.cheek+.cheek{left:70%}.foot{background:#000;border-radius:50%;bottom:0;height:10%;left:25%;transform:translate(-50%,20%) rotate(10deg);width:25%}.foot+.foot{left:75%;transform:translate(-50%,20%) rotate(-10deg)}.arm{animation:none;background:#000;border-radius:100%/0 0 200% 200%;-webkit-clip-path:polygon(0 0,100% 40%,100% 100%,0 100%);clip-path:polygon(0 0,100% 40%,100% 100%,0 100%);height:25%;left:auto;right:-10%;top:40%;transform:scaleX(-1) rotate(50deg);transition:transform .5s ease;width:15%}.arm:hover{animation:waveHand 2s ease-in-out infinite}.arm:hover:after{color:#080707;content:"Hi";font-size:20em;left:50%;opacity:1;position:absolute;top:-2em;transform:translateX(-50%);transition:opacity .3s ease}.arm+.arm{animation:none;left:-10%;transform:rotate(50deg)}
/*# sourceMappingURL=main.da986864.css.map*/