@charset 'utf-8';
/* mixins/normalize/.styl | http://github.com/nulltask/mixins/normalize/.styl */
/* based on hail2u's mixins/normalize/.scss | https://github.com/hail2u/mixins/normalize/.scss */
@-moz-keyframes loader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}body{font-family:'Open Sans',Helvetica,Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#000}body > a{position:absolute;top:0;right:0;z-index:900}#app{-webkit-perspective:500px;-moz-perspective:500px;-ms-perspective:500px;perspective:500px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%;overflow:hidden}#app,#app > div,#app > div > div,#userareas,#controls,#controls > div{position:absolute;top:0;left:0;right:0;bottom:0}#controls{left:50%;top:50%;margin:-300px -200px;-webkit-border-radius:8px;border-radius:8px;height:600px;width:400px;background:rgba(255,255,255,0.7);-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transform-origin:70% 50%;-moz-transform-origin:70% 50%;-o-transform-origin:70% 50%;-ms-transform-origin:70% 50%;transform-origin:70% 50%;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;-ms-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";color:#217bb8;z-index:1;}#controls button{position:relative;margin:12px;width:70px;height:70px;-webkit-border-radius:35px;border-radius:35px;background-color:rgba(255,255,255,0.08);outline:0;text-align:center;border:2px solid #258bcf;}#controls button#videoMute{float:left;font-face:Helvetica Neue,Helvetica,Arial,sans-serif;margin-left:65px;background-image:url("/img/camera.svg");background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:30% 30%;-moz-background-size:30% 30%;background-size:30% 30%}#controls button#audioMute{float:left;font-face:Helvetica Neue,Helvetica,Arial,sans-serif;background-image:url("/img/microphone.svg");background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:40% 40%;-moz-background-size:40% 40%;background-size:40% 40%}#controls button#screenshare{float:left;display:none;font-face:Helvetica Neue,Helvetica,Arial,sans-serif;background-image:url("/img/screen.svg");background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:50% 50%;-moz-background-size:50% 50%;background-size:50% 50%}#controls button#roomLock{float:left;font-face:Helvetica Neue,Helvetica,Arial,sans-serif;background-image:url("/img/lock.svg");background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:40% 40%;-moz-background-size:40% 40%;background-size:40% 40%}#controls button#roomLock.on{background-image:url("/img/unlock.svg");background-position:50% 50%;-webkit-background-size:40% 40%;-moz-background-size:40% 40%;background-size:40% 40%}#controls button.muted:before{content:"";display:block;position:absolute;left:50%;top:50%;margin:-25px -2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:4px;height:50px;background:#ff2054}#controls button.muted:after{content:"";display:block;border:4px solid #ff2054;-webkit-border-radius:25px;border-radius:25px;position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-25px;background:none}#controls button:hover{background-color:rgba(255,255,255,0.2)}#controls button:active{background-color:rgba(200,200,200,0.3)}#controls button.on{background-color:rgba(191,255,0,0.2);}#controls button.on:hover{background-color:rgba(197,255,26,0.2)}#controls button.on:active{background-color:rgba(153,204,0,0.2)}#controls button.mainControl{width:392px;height:auto;display:inline-block;font-size:1.3em;margin:0;padding:15px 25px;background:0;border:0;-webkit-border-radius:6px;border-radius:6px;position:absolute;left:4px;bottom:4px;color:#fff;}#controls button.mainControl.joinRoom{background:#15967d;}#controls button.mainControl.joinRoom:active{background:#12846d}#controls button.mainControl.leaveRoom{background:#d70032;}#controls button.mainControl.leaveRoom:active{background:#b3002a}#controls > div > div{text-align:center;font-weight:700}#controls .logo{color:#333;text-align:center;font-family:Lobster;font-size:4.2em;padding:160px 25px 5px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 0 #fff,3px 3px 0 #fff,4px 4px 0 #fff,5px 5px 0 #fff}#controls p{margin:0;padding:0 55px 35px}#controls a{color:#217bb8}#controls p:nth-child(2){font-weight:200;padding-top:40px}#controls .link{position:absolute;bottom:85px;left:0;right:0;font-weight:200;}#controls .link input[type=text]{width:330px;text-align:center;font-size:1em;-webkit-border-radius:4px;border-radius:4px;padding:5px 8px;background:none;border:1px solid #3498db;color:#217bb8}#controls .link input[type=checkbox]{vertical-align:bottom}#controls nav{position:relative;z-index:15}#controls nav button{border:0;position:relative;margin:8px -2px 0 8px;width:14px;padding:0;line-height:14px;height:14px;overflow:hidden;display:inline-block;font:bold 11px/14px 'Helvetica','Arial';text-align:center;color:#888;-webkit-border-radius:7px;border-radius:7px;background:rgba(200,200,200,0.4);pointer:default;}#controls nav button.close{background:#fb003a;color:#b3002a;}#controls nav button.close:after{display:inline-block}#controls nav button.close:hover{background:#fb003a}#controls nav button.close:active{background:#d70032}#controls nav button:hover{background:rgba(200,200,200,0.4)}#controls nav:hover button.close:after{content:'x'}.enableScreensharing #controls button#videoMute{margin-left:24px !important}.enableScreensharing #controls button#screenshare{display:block !important}.controls #controls{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none;z-index:10}#userareas{z-index:5;}#userareas .userarea{overflow:hidden;position:relative;width:25vw;height:25vh;display:inline-block;}#userareas .userarea > div{position:absolute;width:200%;height:200%;margin:-20% -50%;background:#000;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;}#userareas .userarea > div video,#userareas .userarea > div object,#userareas .userarea > div canvas{width:100%;height:100%}#userareas .userarea > div canvas + video{display:none}#userareas.split1 .userarea,#userareas.split2 .userarea,#userareas.split3 .userarea{width:auto;height:auto;position:absolute;top:0;left:0;right:0;bottom:0;}#userareas.split1 .userarea > div,#userareas.split2 .userarea > div,#userareas.split3 .userarea > div{width:100vw;height:100vh;margin:0}#userareas.split4 .userarea{width:auto;height:auto;position:absolute;top:0;left:0;right:0;bottom:0}#userareas.split4 .userarea:nth-child(1){right:50%;bottom:50%}#userareas.split4 .userarea:nth-child(2){left:50%;bottom:50%}#userareas.split4 .userarea:nth-child(3){top:50%;right:50%}#userareas.split4 .userarea:nth-child(4){top:50%;left:50%}#userareas.split5 .userarea,#userareas.split6 .userarea,#userareas.split7 .userarea,#userareas.split8 .userarea,#userareas.split9 .userarea{width:33.33333vw;height:33.33333vh}#userareas #us0{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}#userareas .userInfo{position:absolute;text-align:center;color:#fff;text-shadow:1px 1px 0 #000;width:200px;margin:0 -100px;left:50%;top:23%}#userareas.screensharing{width:25vw;right:auto;}#userareas.screensharing #us0{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}#userareas.screensharing .userarea{height:33.3vh;}#userareas.screensharing .userarea > div{width:120%;height:120%;margin:-10% -12%}#userareas.screensharing .userarea.screensharing{position:absolute;left:25vw;top:0;width:75vw;height:100vh;line-height:155vh;}#userareas.screensharing .userarea.screensharing > div{display:inline-block;vertical-align:bottom;margin:0;width:100%;height:100%}#userareas.screensharing .userarea.screensharing .userInfo{top:auto}@media all and (max-width:1000px){#userareas.screensharing{width:100vw;height:33.3vh;right:0;left:0;bottom:0;top:auto;}#userareas.screensharing .userarea{height:33.3vh;width:33.3vw}#userareas.screensharing .userarea.screensharing{top:-66.6vh;left:0;width:100vw;height:66.6vh;line-height:100vh}}@media all and (min-width:680px){#userareas.split2 .userarea:nth-child(1){right:50%}#userareas.split2 .userarea:nth-child(2){left:50%}#userareas.split2 .userarea > div{width:100vw;height:100vh;margin:0 -25vw}#userareas.split3 .userarea:nth-child(1){right:66.66666%}#userareas.split3 .userarea:nth-child(2){left:33.33333%;right:33.33333%}#userareas.split3 .userarea:nth-child(3){left:66.66666%}#userareas.split3 .userarea > div{width:100vw;height:100vh;margin:0 -33.33333vw}}@media all and (max-width:679px){#userareas.split2 .userarea:nth-child(1){bottom:50%}#userareas.split2 .userarea:nth-child(2){top:50%}#userareas.split2 .userarea > div{margin:-25vh 0}#userareas.split2 .userInfo{top:36%}#userareas.split3 .userarea:nth-child(1){bottom:66.66666%}#userareas.split3 .userarea:nth-child(2){top:33.33333%;bottom:33.33333%}#userareas.split3 .userarea:nth-child(3){top:66.66666%}#userareas.split3 .userarea > div{margin:-33.33333vh 0}#userareas.split3 .userInfo{top:40%}}#noUser{top:0;left:0;right:0;bottom:0;position:absolute;overflow:hidden;-webkit-filter:blur(100px);-moz-filter:blur(100px);-o-filter:blur(100px);-ms-filter:blur(100px);filter:blur(100px);}#noUser:after{display:block;content:"";padding:400px;margin:-400px;position:absolute;left:30%;top:35%;-webkit-border-radius:400px;border-radius:400px;background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #1abc9c), color-stop(1, #3498db));background:-webkit-linear-gradient(top left, #1abc9c 0%, #3498db 100%);background:-moz-linear-gradient(top left, #1abc9c 0%, #3498db 100%);background:-o-linear-gradient(top left, #1abc9c 0%, #3498db 100%);background:-ms-linear-gradient(top left, #1abc9c 0%, #3498db 100%);background:linear-gradient(top left, #1abc9c 0%, #3498db 100%);-webkit-animation:move1 30s linear infinite;-moz-animation:move1 30s linear infinite;-o-animation:move1 30s linear infinite;-ms-animation:move1 30s linear infinite;animation:move1 30s linear infinite}#noUser:before{display:block;content:"";padding:600px;margin:-600px;position:absolute;left:80%;top:70%;-webkit-border-radius:600px;border-radius:600px;background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #3498db), color-stop(1, #ff688b));background:-webkit-linear-gradient(bottom left, #3498db 0%, #ff688b 100%);background:-moz-linear-gradient(bottom left, #3498db 0%, #ff688b 100%);background:-o-linear-gradient(bottom left, #3498db 0%, #ff688b 100%);background:-ms-linear-gradient(bottom left, #3498db 0%, #ff688b 100%);background:linear-gradient(bottom left, #3498db 0%, #ff688b 100%);-webkit-animation:move2 23s linear infinite;-moz-animation:move2 23s linear infinite;-o-animation:move2 23s linear infinite;-ms-animation:move2 23s linear infinite;animation:move2 23s linear infinite}#chat{position:absolute;bottom:0;left:50%;width:400px;margin:0 -200px;background:rgba(255,255,255,0.7);-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;-webkit-box-shadow:5px 5px 8px rgba(0,0,0,0.2);box-shadow:5px 5px 8px rgba(0,0,0,0.2);z-index:9;opacity:.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}#chat #input{height:0;-webkit-transition:height .2s linear;-moz-transition:height .2s linear;-o-transition:height .2s linear;-ms-transition:height .2s linear;transition:height .2s linear}#chat #messages{width:100%;min-height:100%;max-height:50px;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch;}#chat #messages .message{width:380px;padding:10px 10px 5px;}#chat #messages .message .name{display:block;padding-bottom:5px;font-weight:bold}#chat #messages .message .body p{margin:0}#chat #messages .message .body p + p{margin-top:.8em}#chat #messageInput{border:0;outline:0;width:380px;font-size:1.2em;line-height:1.6em;padding:10px 13px 5px;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background:transparent}.chat #chat{opacity:1;-ms-filter:none;filter:none;}.chat #chat #input{height:50px}.chat #chat #messages{max-height:250px}.controls #chat{opacity:.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}.controls #chat #messages{max-height:50px}.controls #chat #input{height:0}::-webkit-input-placeholder{color:#777}:-moz-placeholder{color:#777}::-moz-placeholder{color:#777}:-ms-input-placeholder{color:#777}@-moz-keyframes move1{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(50px,30px) rotateZ(45deg);-moz-transform:translate(50px,30px) rotateZ(45deg);-o-transform:translate(50px,30px) rotateZ(45deg);-ms-transform:translate(50px,30px) rotateZ(45deg);transform:translate(50px,30px) rotateZ(45deg)}40%{-webkit-transform:translate(20px,80px) scale(1.5);-moz-transform:translate(20px,80px) scale(1.5);-o-transform:translate(20px,80px) scale(1.5);-ms-transform:translate(20px,80px) scale(1.5);transform:translate(20px,80px) scale(1.5)}60%{-webkit-transform:translate(-90px,50px) rotateZ(200deg);-moz-transform:translate(-90px,50px) rotateZ(200deg);-o-transform:translate(-90px,50px) rotateZ(200deg);-ms-transform:translate(-90px,50px) rotateZ(200deg);transform:translate(-90px,50px) rotateZ(200deg)}80%{-webkit-transform:translate(-40px,-30px) scale(1.05);-moz-transform:translate(-40px,-30px) scale(1.05);-o-transform:translate(-40px,-30px) scale(1.05);-ms-transform:translate(-40px,-30px) scale(1.05);transform:translate(-40px,-30px) scale(1.05)}}@-webkit-keyframes move1{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(50px,30px) rotateZ(45deg);-moz-transform:translate(50px,30px) rotateZ(45deg);-o-transform:translate(50px,30px) rotateZ(45deg);-ms-transform:translate(50px,30px) rotateZ(45deg);transform:translate(50px,30px) rotateZ(45deg)}40%{-webkit-transform:translate(20px,80px) scale(1.5);-moz-transform:translate(20px,80px) scale(1.5);-o-transform:translate(20px,80px) scale(1.5);-ms-transform:translate(20px,80px) scale(1.5);transform:translate(20px,80px) scale(1.5)}60%{-webkit-transform:translate(-90px,50px) rotateZ(200deg);-moz-transform:translate(-90px,50px) rotateZ(200deg);-o-transform:translate(-90px,50px) rotateZ(200deg);-ms-transform:translate(-90px,50px) rotateZ(200deg);transform:translate(-90px,50px) rotateZ(200deg)}80%{-webkit-transform:translate(-40px,-30px) scale(1.05);-moz-transform:translate(-40px,-30px) scale(1.05);-o-transform:translate(-40px,-30px) scale(1.05);-ms-transform:translate(-40px,-30px) scale(1.05);transform:translate(-40px,-30px) scale(1.05)}}@-o-keyframes move1{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(50px,30px) rotateZ(45deg);-moz-transform:translate(50px,30px) rotateZ(45deg);-o-transform:translate(50px,30px) rotateZ(45deg);-ms-transform:translate(50px,30px) rotateZ(45deg);transform:translate(50px,30px) rotateZ(45deg)}40%{-webkit-transform:translate(20px,80px) scale(1.5);-moz-transform:translate(20px,80px) scale(1.5);-o-transform:translate(20px,80px) scale(1.5);-ms-transform:translate(20px,80px) scale(1.5);transform:translate(20px,80px) scale(1.5)}60%{-webkit-transform:translate(-90px,50px) rotateZ(200deg);-moz-transform:translate(-90px,50px) rotateZ(200deg);-o-transform:translate(-90px,50px) rotateZ(200deg);-ms-transform:translate(-90px,50px) rotateZ(200deg);transform:translate(-90px,50px) rotateZ(200deg)}80%{-webkit-transform:translate(-40px,-30px) scale(1.05);-moz-transform:translate(-40px,-30px) scale(1.05);-o-transform:translate(-40px,-30px) scale(1.05);-ms-transform:translate(-40px,-30px) scale(1.05);transform:translate(-40px,-30px) scale(1.05)}}@keyframes move1{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(50px,30px) rotateZ(45deg);-moz-transform:translate(50px,30px) rotateZ(45deg);-o-transform:translate(50px,30px) rotateZ(45deg);-ms-transform:translate(50px,30px) rotateZ(45deg);transform:translate(50px,30px) rotateZ(45deg)}40%{-webkit-transform:translate(20px,80px) scale(1.5);-moz-transform:translate(20px,80px) scale(1.5);-o-transform:translate(20px,80px) scale(1.5);-ms-transform:translate(20px,80px) scale(1.5);transform:translate(20px,80px) scale(1.5)}60%{-webkit-transform:translate(-90px,50px) rotateZ(200deg);-moz-transform:translate(-90px,50px) rotateZ(200deg);-o-transform:translate(-90px,50px) rotateZ(200deg);-ms-transform:translate(-90px,50px) rotateZ(200deg);transform:translate(-90px,50px) rotateZ(200deg)}80%{-webkit-transform:translate(-40px,-30px) scale(1.05);-moz-transform:translate(-40px,-30px) scale(1.05);-o-transform:translate(-40px,-30px) scale(1.05);-ms-transform:translate(-40px,-30px) scale(1.05);transform:translate(-40px,-30px) scale(1.05)}}@-moz-keyframes move2{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(-50px,-30px) rotateZ(-85deg);-moz-transform:translate(-50px,-30px) rotateZ(-85deg);-o-transform:translate(-50px,-30px) rotateZ(-85deg);-ms-transform:translate(-50px,-30px) rotateZ(-85deg);transform:translate(-50px,-30px) rotateZ(-85deg)}40%{-webkit-transform:translate(-20px,-80px);-moz-transform:translate(-20px,-80px);-o-transform:translate(-20px,-80px);-ms-transform:translate(-20px,-80px);transform:translate(-20px,-80px)}60%{-webkit-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-moz-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-o-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-ms-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);transform:translate(90px,10px) rotateZ(-230deg) scale(.82)}80%{-webkit-transform:translate(40px,50px);-moz-transform:translate(40px,50px);-o-transform:translate(40px,50px);-ms-transform:translate(40px,50px);transform:translate(40px,50px)}}@-webkit-keyframes move2{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(-50px,-30px) rotateZ(-85deg);-moz-transform:translate(-50px,-30px) rotateZ(-85deg);-o-transform:translate(-50px,-30px) rotateZ(-85deg);-ms-transform:translate(-50px,-30px) rotateZ(-85deg);transform:translate(-50px,-30px) rotateZ(-85deg)}40%{-webkit-transform:translate(-20px,-80px);-moz-transform:translate(-20px,-80px);-o-transform:translate(-20px,-80px);-ms-transform:translate(-20px,-80px);transform:translate(-20px,-80px)}60%{-webkit-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-moz-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-o-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-ms-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);transform:translate(90px,10px) rotateZ(-230deg) scale(.82)}80%{-webkit-transform:translate(40px,50px);-moz-transform:translate(40px,50px);-o-transform:translate(40px,50px);-ms-transform:translate(40px,50px);transform:translate(40px,50px)}}@-o-keyframes move2{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(-50px,-30px) rotateZ(-85deg);-moz-transform:translate(-50px,-30px) rotateZ(-85deg);-o-transform:translate(-50px,-30px) rotateZ(-85deg);-ms-transform:translate(-50px,-30px) rotateZ(-85deg);transform:translate(-50px,-30px) rotateZ(-85deg)}40%{-webkit-transform:translate(-20px,-80px);-moz-transform:translate(-20px,-80px);-o-transform:translate(-20px,-80px);-ms-transform:translate(-20px,-80px);transform:translate(-20px,-80px)}60%{-webkit-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-moz-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-o-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-ms-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);transform:translate(90px,10px) rotateZ(-230deg) scale(.82)}80%{-webkit-transform:translate(40px,50px);-moz-transform:translate(40px,50px);-o-transform:translate(40px,50px);-ms-transform:translate(40px,50px);transform:translate(40px,50px)}}@keyframes move2{0%,100%{-webkit-transform:translate(0,0) rotateZ(0) scale(1);-moz-transform:translate(0,0) rotateZ(0) scale(1);-o-transform:translate(0,0) rotateZ(0) scale(1);-ms-transform:translate(0,0) rotateZ(0) scale(1);transform:translate(0,0) rotateZ(0) scale(1)}20%{-webkit-transform:translate(-50px,-30px) rotateZ(-85deg);-moz-transform:translate(-50px,-30px) rotateZ(-85deg);-o-transform:translate(-50px,-30px) rotateZ(-85deg);-ms-transform:translate(-50px,-30px) rotateZ(-85deg);transform:translate(-50px,-30px) rotateZ(-85deg)}40%{-webkit-transform:translate(-20px,-80px);-moz-transform:translate(-20px,-80px);-o-transform:translate(-20px,-80px);-ms-transform:translate(-20px,-80px);transform:translate(-20px,-80px)}60%{-webkit-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-moz-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-o-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);-ms-transform:translate(90px,10px) rotateZ(-230deg) scale(.82);transform:translate(90px,10px) rotateZ(-230deg) scale(.82)}80%{-webkit-transform:translate(40px,50px);-moz-transform:translate(40px,50px);-o-transform:translate(40px,50px);-ms-transform:translate(40px,50px);transform:translate(40px,50px)}}