body,html{background-color:#fff;padding:0;margin:0;font-family:Fredoka One,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.avatar{height:500px}.skin{fill:#f9bf8f}.shadow{fill:#b27c54}.hair{fill:#6b6640}.hairLight{fill:#ada373}.eyeBrow{fill:#595454}.glassesOuter{fill:#271d20}.glassesInner{fill:#dbdbdb}.glassesReflection{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.glassesReflection2{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.hairAnimation{-webkit-animation-name:hairAnimation;animation-name:hairAnimation;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.mouthAnimation{-webkit-animation-name:mouthAnimation;animation-name:mouthAnimation;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hairAnimation{0%{-webkit-transform:rotateY(2deg) skewX(-1deg);transform:rotateY(2deg) skewX(-1deg)}50%{-webkit-transform:rotateY(-3deg) skewX(1deg);transform:rotateY(-3deg) skewX(1deg)}to{-webkit-transform:rotateY(2deg) skewX(-1deg);transform:rotateY(2deg) skewX(-1deg)}}@keyframes hairAnimation{0%{-webkit-transform:rotateY(2deg) skewX(-1deg);transform:rotateY(2deg) skewX(-1deg)}50%{-webkit-transform:rotateY(-3deg) skewX(1deg);transform:rotateY(-3deg) skewX(1deg)}to{-webkit-transform:rotateY(2deg) skewX(-1deg);transform:rotateY(2deg) skewX(-1deg)}}@-webkit-keyframes mouthAnimation{0%{-webkit-transform:rotateY(-3deg) translate(0);transform:rotateY(-3deg) translate(0)}50%{-webkit-transform:rotateY(0deg) translate(3px);transform:rotateY(0deg) translate(3px)}to{-webkit-transform:rotateY(-3deg) translate(0);transform:rotateY(-3deg) translate(0)}}@keyframes mouthAnimation{0%{-webkit-transform:rotateY(-3deg) translate(0);transform:rotateY(-3deg) translate(0)}50%{-webkit-transform:rotateY(0deg) translate(3px);transform:rotateY(0deg) translate(3px)}to{-webkit-transform:rotateY(-3deg) translate(0);transform:rotateY(-3deg) translate(0)}}