.bee{font-size:0;display:block}.bee svg #Bij,.bee svg #Hoofd,.bee svg #Angel,.bee svg #VleugelLinks,.bee svg #VleugelRechts,.bee svg #VoelsprietLinks,.bee svg #VoelsprietRechts,.bee svg #Mond{transform-box:fill-box;animation-timing-function:ease-in-out;animation-direction:alternate}.bee svg #Bij{transform-origin:50%;animation-name:bij;animation-duration:.7s;animation-iteration-count:4}.bee svg #Hoofd{transform-origin:bottom;animation-name:hoofd;animation-duration:2.8s;animation-iteration-count:2}.bee svg #VleugelLinks,.bee svg #VleugelRechts{animation-duration:.4s}.bee svg #VleugelLinks{transform-origin:right 20%;animation-name:vleugel-links}.bee svg #VleugelRechts{transform-origin:0 20%;animation-name:vleugel-rechts}.bee svg #VoelsprietLinks,.bee svg #VoelsprietRechts{animation-duration:.2s;animation-fill-mode:forwards}.bee svg #VoelsprietLinks{transform-origin:100% 100%;animation-name:voelspriet-links}.bee svg #VoelsprietRechts{transform-origin:0 100%;animation-name:voelspriet-rechts}.bee svg #Angel{transform-origin:top;animation-name:angel;animation-duration:.4s;animation-iteration-count:7}.bee svg #Bij,.bee svg #Hoofd,.bee svg #VleugelRechts,.bee svg #VleugelLinks,.bee svg #VoelsprietLinks,.bee svg #VoelsprietRechts,.bee svg #Angel{animation-iteration-count:infinite;animation-play-state:paused}.bee svg #Mond{transform-origin:50%;transition:transform .3s ease-in-out}.bee .svg-container.flapping #Bij,.bee .svg-container.flapping #Hoofd,.bee .svg-container.flapping #VleugelRechts,.bee .svg-container.flapping #VleugelLinks,.bee .svg-container.flapping #VoelsprietLinks,.bee .svg-container.flapping #VoelsprietRechts,.bee .svg-container.flapping #Angel{animation-play-state:running}.bee .svg-container.sad #Mond{transform:rotate(180deg)scale(.7)}@keyframes bij{0%{transform:rotate(0)}to{transform:rotate(-4deg)}}@keyframes hoofd{0%{transform:rotate(0)}50%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes vleugel-links{0%{transform:rotateY(40deg)rotate(-6deg)}to{transform:rotateY(0)rotate(0)}}@keyframes vleugel-rechts{0%{transform:rotateY(-40deg)rotate(6deg)}to{transform:rotateY(0)rotate(0)}}@keyframes voelspriet-links{0%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes voelspriet-rechts{0%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes angel{0%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}