@media (min-width:1400px) and (max-height:900){.fsmall{font-size:12px}.fnormal{font-size:12px}.flarge{font-size:12px}.fxlarge{font-size:13px}}@media (max-width:1100px){.fsmall{font-size:12px}.fnormal{font-size:12px}.flarge{font-size:13px}.fxlarge{font-size:15px}}@media (min-width:1100px){.fsmall{font-size:12px}.fnormal{font-size:13px}.flarge{font-size:14px}.fxlarge{font-size:15px}}@media (min-width:1250px){.fsmall{font-size:12px}.fnormal{font-size:15px}.flarge{font-size:18px}.fxlarge{font-size:20px}}@media (min-width:1400px){.fsmall{font-size:14px}.fnormal{font-size:18px}.flarge{font-size:20px}.fxlarge{font-size:23px}}@media (min-width:1700px){.fsmall{font-size:15px}.fnormal{font-size:19px}.flarge{font-size:22px}.fxlarge{font-size:24px}}@media (min-width:2000px){.fsmall{font-size:18px}.fnormal{font-size:23px}.flarge{font-size:26px}.fxlarge{font-size:29px}}@media (min-width:2400px){.fsmall{font-size:22px}.fnormal{font-size:29px}.flarge{font-size:32px}.fxlarge{font-size:35px}}body{font-family:Verdana,Geneva,sans-serif;background-color:#f8f4eb;user-select:none}.popover{max-width:600px}#mainContainer{min-width:740px;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:0}#logo{cursor:pointer}.contentcentered{align-content:center}#usernameTB{color:#FFB129}.roundedBorder{border-color:#FFB129;border-bottom-width:1px;border-top-width:0;border-left-width:0;border-right-width:0;border-style:solid;padding:10px}#board{cursor:url(res/brush-draw.png) 8 7,auto;width:80%;position:absolute;left:10%;top:4.2%;user-select:none;touch-action:none}#worm1{position:absolute;left:-1%;top:68%;width:3.66%;user-select:none;background-image:url(res/leafworm-1-select.png)}#worm2{position:absolute;left:47%;top:.8%;width:7%;user-select:none;background-image:url(res/leafworm-2-select.png);background-repeat:no-repeat;background-position:top}#lobbyCard{position:absolute;left:26%;top:10%;width:50%;height:50%}#scoreCard{position:absolute;left:24%;top:7%;width:51%;user-select:none;z-index:3;border-width:thick;border-radius:30px;border-style:outset}.scoreCardNormal{border-color:#8BB94B;background-color:#8BB94B}.scoreCardFinal{border-color:#FFB129;background-color:#FFB129}#bgImage{width:100%;pointer-events:none;user-select:none}#overlayImage{width:100%;pointer-events:none;user-select:none;position:absolute;left:0;top:0;transform:scale(1)}.overlayImageClass{width:60%;user-select:none;cursor:pointer;transform:scale(1)}.overlayImageClassTurn{width:60%;transform:scale(1.2);user-select:none;cursor:pointer;background-color:rgba(255,177,41,.88);border-color:rgba(255,177,41,.88);;border-width:thick;border-radius:35%;border-style:outset}.pname,.pscore{margin:0;pointer-events:none;user-select:none;color:#FFB129;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}#menutile{position:absolute;left:0%;top:0%;width:100%;height:100%;z-index:1}#menubuttons{position:absolute;left:0%;top:0%;width:100%;height:100%;z-index:5}#timeoutDiv{width:57%;height:76%;margin-top:12px;user-select:none;z-index:3;align-items:center;display:flex;justify-content:center;background-image:url(res/clock.png);background-position:center;background-size:contain;background-repeat:no-repeat}#exitButton{cursor:pointer;display:flex;justify-content:center;z-index:3;width:57%;height:76%;margin-top:12px;margin-left:10%;background-image:url(res/exit-select.png);background-position:center;background-size:contain;background-repeat:no-repeat}#soundImg{cursor:pointer;display:flex;justify-content:center;z-index:3;width:57%;height:76%;margin-top:12px;background-image:url(res/sound-on.png);background-position:center;background-size:contain;background-repeat:no-repeat}#showKeyboard{cursor:pointer;display:flex;justify-content:center;z-index:3;width:57%;height:76%;margin-top:12px;background-image:url(res/keyboard.png);background-position:center;background-size:contain;background-repeat:no-repeat}#roundDiv{width:57%;height:76%;user-select:none;margin-top:12px;z-index:3;align-items:center;display:flex;justify-content:center;background-image:url(res/round.png);background-position:center;background-size:contain;background-repeat:no-repeat}#roundDiv:hover{background-image:url(res/round-select.png);background-position:center;background-size:contain;background-repeat:no-repeat}.playerCommonClass{user-select:none;position:absolute;width:11%;user-select:none;text-align:center;display:block}#pubp1{left:8%;top:0%}#pubp2{left:74%;top:0%}#pubp3{left:86%;top:10%}#pubp4{left:90%;top:27%}#pubp5{left:-1%;top:27%}#pubp6{left:0%;top:10%}#prip1{left:8%;top:0%}#prip2{left:74%;top:0%}#prip3{left:86%;top:10%}#prip4{left:90%;top:27%}#prip5{left:90%;top:43%}#prip6{left:90%;top:59%}#prip7{left:-1%;top:59%}#prip8{left:-1%;top:43%}#prip9{left:-1%;top:27%}#prip10{left:0%;top:10%}.avatarImage{width:96px!important}.msgjoin{color:aqua!important}.msgleave{color:red!important}.msgkick{color:orangered!important}.msgpat{color:pink!important}.msgguess{color:#F8F5EB!important}.msgguesscorrect{color:#F8F5EB!important;background-color:#8BB94B!important}.msgguessclose{color:#8BB94B!important}.msgchoosingword{color:#FFB129!important}.msgdrawstart{color:greenyellow!important}.msgturnfinishword{color:#000!important;background-color:#FFB129!important}.msggamestarted{color:#000!important;background-color:#FFB129!important}.msggameover{color:#000!important;background-color:#FFB129!important}.toolMain{cursor:pointer;position:absolute;bottom:4.5%;width:8%}#toolBrush{left:16%;bottom:5.5%}#toolEraser{left:26%}#toolFill{left:36%}#toolSize{left:56%}#toolClear{left:66%}#toolUndo{left:76%;bottom:5.5%}.tool{cursor:pointer;position:absolute;bottom:-2.5%;width:8%;left:3%}#toolColor1{left:1%;bottom:0%}#toolColor2{left:11%;bottom:-1.5%}#toolColor3{left:21%}#toolColor4{left:31%}#toolColor5{left:41%}#toolColor6{left:51%}#toolColor7{left:61%}#toolColor8{left:71%}#toolColor9{left:81%;bottom:-1.5%}#toolColor10{left:91%;bottom:0%}.key>img{touch-action:none;pointer-events:none;min-width:90%;max-width:90%;min-height:90%;max-height:90%}.key{cursor:pointer;position:fixed;width:8%;height:8%;opacity:.5;z-index:100;text-align:center}#guesspreview{border-color:#8BB94B;border-width:thick;color:#8BB94B}.keyRow0{left:30%;width:40%;bottom:24%}.keyRow1{bottom:16%}.keyRow2{bottom:8%}.keyRow3{bottom:0%}.keyq{left:0%}.keyw{left:10%}.keye{left:20%}.keyr{left:30%}.keyt{left:40%}.keyy{left:50%}.keyu{left:60%}.keyi{left:70%}.keyo{left:80%}.keyp{left:90%}.keya{left:2%}.keys{left:12%}.keyd{left:22%}.keyf{left:32%}.keyg{left:42%}.keyh{left:52%}.keyj{left:62%}.keyk{left:72%}.keyl{left:82%}.keyback{left:92%}.keydash{left:0%}.keyz{left:10%}.keyx{left:20%}.keyc{left:30%}.keyv{left:40%}.keyb{left:50%}.keyn{left:60%}.keym{left:70%}.keyspace{left:80%}.keyreturn{left:90%}.toolSelected{background-color:rgba(255,177,41,.88);;border-color:rgba(255,177,41,.88);;border-width:thick;border-radius:35%;border-style:outset}.guessedPlayer{background-color:rgba(139,185,75,.88);border-color:rgba(139,185,75,.88);border-width:thick;border-radius:35%;border-style:inset;transform:scale(1.2)}.hoverWrapper{display:inline-block;background-size:100%;position:absolute}.hoverWrapper>img{vertical-align:top}.hoverWrapper>img:hover{opacity:0}.hoverButtonWrapper{display:inline-block;background-size:100%;cursor:pointer;position:absolute}.hoverButtonWrapper>img{vertical-align:top}.hoverButtonWrapper>img:hover{opacity:0}.yellowBtn{background-color:#FFB129}.yellowBtn:hover{color:#F4EED7}.modalStyle{background-color:#F4EED7}#downButton{cursor:pointer;position:absolute;width:12%;right:7%;top:1.5%}#kickButton{cursor:pointer;position:absolute;top:0;left:0%;width:5%}.table>tbody>tr>td{vertical-align:middle}.containerColorColumn{position:absolute;top:10%;left:30%}.word{height:6%;width:98%;left:2%;user-select:none;align-items:center;display:flex;justify-content:center;letter-spacing:4px;background-color:#FFB129;border-radius:2.9%;position:absolute;top:0%;border-color:#573130}.wordHintAnim{-webkit-animation:wordHintAnimFrames 1.0s;animation:wordHintAnimFrames 1.0s}@keyframes wordHintAnimFrames{0%,30%,60%,90%,100%{border-width:5px;border-style:solid}15%,45%,75%{border-width:0;border-style:none}}@-webkit-keyframes wordHintAnimFrames{0%,30%,60%,90%,100%{border-width:5px;border-style:solid}15%,45%,75%{border-width:0;border-style:none}}#messageDiv{position:absolute;padding-left:.1%;top:6.3%;left:2%;right:0;overflow-y:auto;background-color:#573130;border-radius:5px;overflow-wrap:break-word}.messageDivkbd{height:64%}.messageDivNokbd{height:86.7%}#guessTB{border-color:#8BB94B;color:#8BB94B;background-color:#FFFBD6;border-left:none;border-right:none;border-bottom:none}#guessDiv{position:absolute;left:2%;right:0;height:4.9%;bottom:2%}.guessDivkbd{visibility:hidden}.guessDivNokbd{visibility:visible}.messageP:nth-of-type(odd){background:#492121}.messageP:nth-of-type(even){background:#573130}.messageP{margin:0;color:#d4cccc}.tooltip.show p,ul,li{text-align:left;line-height:10%}.tooltip-inner{background-color:rgba(0,0,0,.5)!important;color:#fff}.tooltip.show hr{height:1px;border:none;color:#fff;background-color:#fff;text-align:left}.nav-tabs{text-align:center}.carousel-control-next,.carousel-control-prev{filter:invert(100%)}a,a:visited,a:active,ul.nav li a,ul.nav li a:visited{color:#FFA500!important}ul.nav li a:hover,ul.nav li a:active{color:#FFA500!important}ul.nav li.active a{color:#FFA500!important}.tooltip-inner{color:#000;font-weight:700;background-color:#FFA500!important}.scoreTimeup{color:red;background-color:none}.scoreGuessed{color:#000}#pubp1img:hover,#pubp2img:hover,#pubp3img:hover,#pubp4img:hover,#pubp5img:hover,#pubp6img:hover,#prip1img:hover,#prip2img:hover,#prip3img:hover,#prip4img:hover,#prip5img:hover,#prip6img:hover,#prip7img:hover,#prip8img:hover,#prip9img:hover,#prip10img:hover{animation:shakeScale 1.0s infinite ease-in-out}@keyframes shakeScale{0%{transform:translate(1px,1px) rotate(0deg) scale(1.4)}10%{transform:translate(-1px,-1px) rotate(-1deg) scale(1.4)}20%{transform:translate(-2px,0) rotate(1deg) scale(1.4)}30%{transform:translate(2px,2px) rotate(0deg) scale(1.4)}40%{transform:translate(1px,-1px) rotate(1deg) scale(1.4)}50%{transform:translate(-1px,2px) rotate(-1deg) scale(1.4)}60%{transform:translate(-2px,1px) rotate(0deg) scale(1.4)}70%{transform:translate(2px,1px) rotate(-1deg) scale(1.4)}80%{transform:translate(-1px,-1px) rotate(1deg) scale(1.4)}90%{transform:translate(1px,1px) rotate(0deg) scale(1.4)}100%{transform:translate(1px,-1px) rotate(-1deg) scale(1.4)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-1px) rotate(-1deg)}20%{transform:translate(-2px,0) rotate(1deg)}30%{transform:translate(2px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-2px,1px) rotate(0deg)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,1px) rotate(0deg)}100%{transform:translate(1px,-1px) rotate(-1deg)}}.playerTopperShake{animation:shake 1.0s infinite ease-in-out}.keyanim{-webkit-animation:keyanim 0.15s;animation:keyanim 0.15s}@keyframes keyanim{0%,100%{transform:translateY(0%) scale(1);opacity:.2}99%{transform:translateY(-300%) scale(3);opacity:.9}}@-webkit-keyframes keyanim{0%,100%{transform:translateY(0%) scale(1);opacity:.2}99%{transform:translateY(-300%) scale(3);opacity:.9}}.subtleRightButton{-webkit-animation:subtleRightButton 1s;animation:subtleRightButton 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes subtleRightButton{0%,30%,55%,70%,80%,90%,100%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-50px) rotate(50deg)}45%{transform:translateX(-25px) rotate(-25deg)}63%{transform:translateX(-15px) rotate(15deg)}75%{transform:translateX(-7px) rotate(-7deg)}85%{transform:translateX(-4px) rotate(4deg)}95%{transform:translateX(-2px) rotate(-2deg)}}@-webkit-keyframes subtleRightButton{0%,30%,55%,70%,80%,90%,100%{-webkit-transform:translateX(0) rotate(0deg)}25%{-webkit-transform:translateX(-50px) rotate(50deg)}45%{-webkit-transform:translateX(-25px) rotate(-25deg)}63%{-webkit-transform:translateX(-15px) rotate(15deg)}75%{-webkit-transform:translateX(-7px) rotate(-7deg)}85%{-webkit-transform:translateX(-4px) rotate(4deg)}95%{-webkit-transform:translateX(-2px) rotate(-2deg)}}.subtleLeftButton{-webkit-animation:subtleLeftButton 1s;animation:subtleLeftButton 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes subtleLeftButton{0%,30%,55%,70%,80%,90%,100%{-webkit-transform:translateX(0) rotate(0deg)}25%{-webkit-transform:translateX(-50px) rotate(-50deg)}45%{-webkit-transform:translateX(-25px) rotate(25deg)}63%{-webkit-transform:translateX(-15px) rotate(-15deg)}75%{-webkit-transform:translateX(-7px) rotate(7deg)}85%{-webkit-transform:translateX(-4px) rotate(-4deg)}95%{-webkit-transform:translateX(-2px) rotate(2deg)}}@-webkit-keyframes subtleLeftButton{0%,30%,55%,70%,80%,90%,100%{-webkit-transform:translateX(0) rotate(0deg)}25%{-webkit-transform:translateX(-50px) rotate(-50deg)}45%{-webkit-transform:translateX(-25px) rotate(25deg)}63%{-webkit-transform:translateX(-15px) rotate(-15deg)}75%{-webkit-transform:translateX(-7px) rotate(7deg)}85%{-webkit-transform:translateX(-4px) rotate(-4deg)}95%{-webkit-transform:translateX(-2px) rotate(2deg)}}.fade-in{-webkit-animation:fade-in 1.2s;animation:fade-in 1.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.slide-in-right{-webkit-animation:slide-in-right 1.2s;animation:slide-in-right 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(-2000px)}100%{-webkit-transform:translateX(0)}}@keyframes slide-in-right{0%{transform:translateX(-2000px)}100%{transform:translateX(0)}}.slide-in-left{-webkit-animation:slide-in-left 1.2s;animation:slide-in-left 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(2000px)}100%{-webkit-transform:translateX(0)}}@keyframes slide-in-left{0%{transform:translateX(2000px)}100%{transform:translateX(0)}}.slide-in-up{-webkit-animation:slide-in-up 1.2s;animation:slide-in-up 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-up{0%{-webkit-transform:translateY(1000px)}100%{-webkit-transform:translateY(0)}}@keyframes slide-in-up{0%{transform:translateY(1000px)}100%{transform:translateY(0)}}.slide-in-down{-webkit-animation:slide-in-down 1.2s;animation:slide-in-down 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-down{0%{-webkit-transform:translateY(-1000px)}100%{-webkit-transform:translateY(0)}}@keyframes slide-in-down{0%{transform:translateY(-1000px)}100%{transform:translateY(0)}}.bounce-in{-webkit-animation:bounce-in 1.2s;animation:bounce-in 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in{0%{transform:scale(.9);opacity:0}25%{transform:scale(1.2)}40%{transform:scale(.8)}50%{transform:scale(1.1)}60%{transform:scale(.9)}70%{transform:scale(1.05);opacity:1}80%{transform:scale(.95)}90%{transform:scale(1.01)}100%{transform:scale(1)}}@-webkit-keyframes bounce-in{0%{-webkit-transform:scale(.9);opacity:0}25%{-webkit-transform:scale(1.2)}40%{-webkit-transform:scale(.8)}50%{-webkit-transform:scale(1.1)}60%{-webkit-transform:scale(.9)}70%{-webkit-transform:scale(1.05);opacity:1}80%{-webkit-transform:scale(.95)}90%{-webkit-transform:scale(1.01)}100%{-webkit-transform:scale(1)}}.bounce-in-right{-webkit-animation:bounce-in-right 1.2s;animation:bounce-in-right 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-right{0%{transform:translateX(-2000px)}63%{transform:translateX(30px)}70%,80%,90%,100%{transform:translateX(0)}75%{transform:translateX(14px)}85%{transform:translateX(8px)}95%{transform:translateX(4px)}}@-webkit-keyframes bounce-in-right{0%{-webkit-transform:translateX(-2000px)}63%{-webkit-transform:translateX(30px)}70%,80%,90%,100%{-webkit-transform:translateX(0)}75%{-webkit-transform:translateX(14px)}85%{-webkit-transform:translateX(8px)}95%{-webkit-transform:translateX(4px)}}.bounce-in-left{-webkit-animation:bounce-in-left 1.2s;animation:bounce-in-left 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-left{0%{transform:translateX(2000px)}63%{transform:translateX(-30px)}70%,80%,90%,100%{transform:translateX(0)}75%{transform:translateX(-14px)}85%{transform:translateX(-8px)}95%{transform:translateX(-4px)}}@-webkit-keyframes bounce-in-left{0%{-webkit-transform:translateX(2000px)}63%{-webkit-transform:translateX(-30px)}70%,80%,90%,100%{-webkit-transform:translateX(0)}75%{-webkit-transform:translateX(-14px)}85%{-webkit-transform:translateX(-8px)}95%{-webkit-transform:translateX(-4px)}}.bounce-in-up{-webkit-animation:bounce-in-up 1.2s;animation:bounce-in-up 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-up{0%{transform:translateY(1000px)}25%{transform:translateY(50px)}30%,55%,70%,80%,90%,100%{transform:translateY(0)}45%{transform:translateY(25px)}63%{transform:translateY(15px)}75%{transform:translateY(7px)}85%{transform:translateY(4px)}95%{transform:translateY(2px)}}@-webkit-keyframes bounce-in-up{0%{-webkit-transform:translateY(1000px)}25%{-webkit-transform:translateY(50px)}30%,55%,70%,80%,90%,100%{-webkit-transform:translateY(0)}45%{-webkit-transform:translateY(25px)}63%{-webkit-transform:translateY(15px)}75%{-webkit-transform:translateY(7px)}85%{-webkit-transform:translateY(4px)}95%{-webkit-transform:translateY(2px)}}.bounce-in-down{-webkit-animation:bounce-in-down 1.2s;animation:bounce-in-down 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-down{0%{transform:translateY(-1000px)}25%{transform:translateY(-50px)}30%,55%,70%,80%,90%,100%{transform:translateY(0)}45%{transform:translateY(-25px)}63%{transform:translateY(-15px)}75%{transform:translateY(-7px)}85%{transform:translateY(-4px)}95%{transform:translateY(-2px)}}@-webkit-keyframes bounce-in-down{0%{-webkit-transform:translateY(-1000px)}25%{-webkit-transform:translateY(-50px)}30%,55%,70%,80%,90%,100%{-webkit-transform:translateY(0)}45%{-webkit-transform:translateY(-25px)}63%{-webkit-transform:translateY(-15px)}75%{-webkit-transform:translateY(-7px)}85%{-webkit-transform:translateY(-4px)}95%{-webkit-transform:translateY(-2px)}}.roll-in-right{-webkit-animation:roll-in-right 1.2s;animation:roll-in-right 1.2s}@keyframes roll-in-right{0%{transform:translateX(-100%) rotate(-130deg);opacity:0}100%{transform:translateX(0%) rotate(0deg);opacity:1}}@-webkit-keyframes roll-in-right{0%{-webkit-transform:translateX(-100%) rotate(-130deg);opacity:0}100%{-webkit-transform:translateX(0%) rotate(0deg);opacity:1}}.roll-in-left{-webkit-animation:roll-in-left 1.2s;animation:roll-in-left 1.2s}@keyframes roll-in-left{0%{transform:translateX(100%) rotate(130deg);opacity:0}100%{transform:translateX(0%) rotate(0deg);opacity:1}}@-webkit-keyframes roll-in-left{0%{-webkit-transform:translateX(100%) rotate(130deg);opacity:0}100%{-webkit-transform:translateX(0%) rotate(0deg);opacity:1}}.rotbo-in-right{-webkit-animation:rotbo-in-right 1.1s;animation:rotbo-in-right 1.1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes rotbo-in-right{0%{transform:translateX(-1000px) rotateZ(-540deg)}63%{transform:translateX(15px) rotateZ(20deg)}75%{transform:translateX(-7px) rotateZ(-7deg)}85%{transform:translateX(4px) rotateZ(4deg)}95%{transform:translateX(-2px) rotateZ(-2deg)}100%{transform:translateX(0) rotateZ(0deg)}}@-webkit-keyframes rotbo-in-right{0%{-webkit-transform:translateX(-1000px) rotateZ(-540deg)}63%{-webkit-transform:translateX(15px) rotateZ(20deg)}75%{-webkit-transform:translateX(-7px) rotateZ(-7deg)}85%{-webkit-transform:translateX(4px) rotateZ(4deg)}95%{-webkit-transform:translateX(-2px) rotateZ(-2deg)}100%{-webkit-transform:translateX(0) rotateZ(0deg)}}.rotbo-in-left{-webkit-animation:rotbo-in-left 1.1s;animation:rotbo-in-left 1.1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes rotbo-in-left{0%{transform:translateX(1000px) rotateZ(540deg)}63%{transform:translateX(-15px) rotateZ(-20deg)}75%{transform:translateX(7px) rotateZ(7deg)}85%{transform:translateX(-4px) rotateZ(-4deg)}95%{transform:translateX(2px) rotateZ(2deg)}100%{transform:translateX(0) rotateZ(0deg)}}@-webkit-keyframes rotbo-in-left{0%{-webkit-transform:translateX(1000px) rotateZ(540deg)}63%{-webkit-transform:translateX(-15px) rotateZ(-20deg)}75%{-webkit-transform:translateX(7px) rotateZ(7deg)}85%{-webkit-transform:translateX(-4px) rotateZ(-4deg)}95%{-webkit-transform:translateX(2px) rotateZ(2deg)}100%{-webkit-transform:translateX(0) rotateZ(0deg)}}.flip{-webkit-animation:flip 1.3s;animation:flip 1.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes flip{0%{transform:rotateY(-360deg)}40%{transform:scale(1.6) rotateY(-190deg)}50%{transform:scale(1.6) rotateY(-150deg)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes flip{0%{-webkit-transform:perspective(500px) rotateX(70deg);opacity:.2}30%{-webkit-transform:perspective(500px) rotateX(-50deg)}45%{-webkit-transform:perspective(500px) rotateX(30deg)}65%{-webkit-transform:perspective(500px) rotateX(-20deg)}85%{-webkit-transform:perspective(500px) rotateX(10deg)}100%{-webkit-transform:perspective(500px) rotateX(0deg)}}.flip-in-x{-webkit-animation:flip-in-x 1.2s;animation:flip-in-x 1.2s}@keyframes flip-in-x{0%{transform:perspective(500px) rotateX(70deg);opacity:.2}30%{transform:perspective(500px) rotateX(-50deg)}45%{transform:perspective(500px) rotateX(30deg)}65%{transform:perspective(500px) rotateX(-20deg)}85%{transform:perspective(500px) rotateX(10deg)}100%{transform:perspective(500px) rotateX(0deg)}}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(500px) rotateX(70deg);opacity:.2}30%{-webkit-transform:perspective(500px) rotateX(-50deg)}45%{-webkit-transform:perspective(500px) rotateX(30deg)}65%{-webkit-transform:perspective(500px) rotateX(-20deg)}85%{-webkit-transform:perspective(500px) rotateX(10deg)}100%{-webkit-transform:perspective(500px) rotateX(0deg)}}.flip-in-y{-webkit-animation:flip-in-y 1.2s;animation:flip-in-y 1.2s}@keyframes flip-in-y{0%{transform:perspective(500px) rotateY(70deg);opacity:.2}30%{transform:perspective(500px) rotateY(-50deg)}45%{transform:perspective(500px) rotateY(30deg)}65%{transform:perspective(500px) rotateY(-20deg)}85%{transform:perspective(500px) rotateY(10deg)}100%{transform:perspective(500px) rotateY(0deg)}}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(500px) rotateY(70deg);opacity:.2}30%{-webkit-transform:perspective(500px) rotateY(-50deg)}45%{-webkit-transform:perspective(500px) rotateY(30deg)}65%{-webkit-transform:perspective(500px) rotateY(-20deg)}85%{-webkit-transform:perspective(500px) rotateY(10deg)}100%{-webkit-transform:perspective(500px) rotateY(0deg)}}.rotate{-webkit-animation:rotate 1s;animation:rotate 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}.rotate-in{-webkit-animation:rotate-in 1s;animation:rotate-in 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes rotate-in{0%{transform:rotate(-0deg);opacity:0}80%{opacity:1}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-0deg);opacity:0}80%{opacity:1}100%{-webkit-transform:rotate(360deg)}}.rotate-in-x{-webkit-animation:rotate-in-x 1s;animation:rotate-in-x 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-in-x{0%{transform:rotateX(180deg);opacity:0}80%{opacity:1}100%{transform:rotateX(0deg)}}@-webkit-keyframes rotate-in-x{0%{-webkit-transform:rotateX(180deg);opacity:0}80%{opacity:1}100%{-webkit-transform:rotateX(0deg)}}.rotate-in-y{-webkit-animation:rotate-in-y 1s;animation:rotate-in-y 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-in-y{0%{transform:rotateY(-180deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}@-webkit-keyframes rotate-in-y{0%{-webkit-transform:rotateY(0deg);opacity:0}60%{opacity:1}100%{-webkit-transform:rotateY(360deg)}}.rotate-in-3d{-webkit-animation:rotate-in-3d 1s;animation:rotate-in-3d 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-in-3d{0%{transform:rotate3d(1,1,0,0deg);opacity:0}60%{opacity:1}100%{transform:rotate3d(1,1,0,360deg)}}@-webkit-keyframes rotate-in-3d{0%{-webkit-transform:rotate3d(1,1,0,0deg);opacity:0}60%{opacity:1}100%{-webkit-transform:rotate3d(1,1,0,360deg)}}.rotate-in-scale{-webkit-animation:rotate-in-scale 1s;animation:rotate-in-scale 1s;-webkit-animation-timing-function:easec;animation-timing-function:ease-in-out}@keyframes rotate-in-scale{0%{transform:scale(0) rotate(-540deg);opacity:0}80%{opacity:1}100%{transform:scale(1) rotate(0deg)}}@-webkit-keyframes rotate-in-scale{0%{-webkit-transform:scale(0) rotate(-540deg);opacity:0}80%{opacity:1}100%{-webkit-transform:scale(1) rotate(0deg)}}.turn-in-x{-webkit-animation:turn-in-x 1s;animation:turn-in-x 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes turn-in-x{0%{transform:rotateX(360deg) scale(0);opacity:0}100%{transform:rotateX(0deg) scale(1);opacity:1}}@-webkit-keyframes turn-in-x{0%{-webkit-transform:rotateX(360deg) scale(0);opacity:0}100%{-webkit-transform:rotateX(0deg) scale(1);opacity:1}}.turn-in-y{-webkit-animation:turn-in-y 1s;animation:turn-in-y 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes turn-in-y{0%{transform:rotateY(0deg) scale(0);opacity:0}100%{transform:rotateY(360deg) scale(1);opacity:1}}@-webkit-keyframes turn-in-y{0%{-webkit-transform:rotateY(0deg) scale(0);opacity:0}100%{-webkit-transform:rotateX(360deg) scale(1);opacity:1}}.push-in-up{transform-origin:50% 100% 0;-webkit-animation:push-in-up 1s;animation:push-in-up 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes push-in-up{0%{transform:rotateX(90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-up{0%{-webkit-transform:rotateX(90deg);opacity:0}100%{-webkit-transform:none}}.push-in-down{-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-animation:push-in-down 1s;animation:push-in-down 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes push-in-down{0%{transform:rotateX(-90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-down{0%{-webkit-transform:rotateX(-90deg);opacity:0}100%{-webkit-transform:none}}.push-in-right{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-animation:push-in-right 1s;animation:push-in-right 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform-style:preserve-3d}@keyframes push-in-right{0%{transform:rotateY(90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-right{0%{-webkit-transform:rotateY(90deg);opacity:0}100%{-webkit-transform:none}}.push-in-left{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-animation:push-in-left 1s;animation:push-in-left 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform-style:preserve-3d}@keyframes push-in-left{0%{transform:rotateY(-90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-left{0%{-webkit-transform:rotateY(-90deg);opacity:0}100%{-webkit-transform:none}}.clip-x-in{-webkit-animation:clip-x-in 1s;animation:clip-x-in 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-x-in{0%{transform:scale(1,0)}100%{transform:none}}@-webkit-keyframes clip-x-in{0%{-webkit-transform:scale(1,0)}100%{-webkit-transform:none}}.clip-y-in{-webkit-animation:clip-y-in 1s;animation:clip-y-in 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-y-in{0%{transform:scale(0,1)}100%{transform:none}}@-webkit-keyframes clip-y-in{0%{-webkit-transform:scale(0,1)}100%{-webkit-transform:none}}.clip-xy-in{-webkit-animation:clip-xy-in 1s;animation:clip-xy-in 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-xy-in{0%{transform:scale(0,.5)}50%{transform:scale(1,.5)}100%{transform:none}}@-webkit-keyframes clip-xy-in{0%{-webkit-transform:scale(0,.5)}50%{-webkit-transform:scale(1,.5)}100%{-webkit-transform:none}}.fanfare{-webkit-animation:fanfare 1.2s;animation:fanfare 1.2s}@keyframes fanfare{0%,100%{transform:scale(1)}30%{transform:scale(.8) rotateZ(5deg)}40%,60%,80%{transform:scale(1.15) rotateZ(-5deg)}50%,70%,90%{transform:scale(1.15) rotateZ(5deg)}}@-webkit-keyframes fanfare{0%,100%{-webkit-transform:scale(1)}30%{-webkit-transform:scale(.8) rotateZ(5deg)}40%,60%,80%{-webkit-transform:scale(1.15) rotateZ(-5deg)}50%,70%,90%{-webkit-transform:scale(1.15) rotateZ(5deg)}}.spiral{-webkit-animation:spiral 1s;animation:spiral 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes spiral{0%{transform:rotateY(-360deg) translateY(-150%)}100%{transform:rotateY(0) translateY(0)}}@-webkit-keyframes spiral{0%{-webkit-transform:rotateY(-360deg) translateY(-150%)}100%{-webkit-transform:rotateY(0) translateY(0)}}.bounce{-webkit-animation:bounce 1s;animation:bounce 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce{0%,30%,55%,70%,80%,90%,100%{transform:translateY(0)}25%{transform:translateY(-50px)}45%{transform:translateY(-25px)}63%{transform:translateY(-15px)}75%{transform:translateY(-7px)}85%{transform:translateY(-4px)}95%{transform:translateY(-2px)}}@-webkit-keyframes bounce{0%,30%,55%,70%,80%,90%,100%{-webkit-transform:translateY(0)}25%{-webkit-transform:translateY(-50px)}45%{-webkit-transform:translateY(-25px)}63%{-webkit-transform:translateY(-15px)}75%{-webkit-transform:translateY(-7px)}85%{-webkit-transform:translateY(-4px)}95%{-webkit-transform:translateY(-2px)}}.vibro{-webkit-animation:vibro .5s;animation:vibro .5s}@keyframes vibro{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(5px)}20%,40%,60%,80%{transform:translateX(-5px)}}@-webkit-keyframes vibro{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(5px)}20%,40%,60%,80%{-webkit-transform:translateX(-5px)}}.heartbeat{-webkit-animation:heartbeat 8s;animation:heartbeat 8s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.heartbeat-mb{-webkit-animation:heartbeat 8s infinite;animation:heartbeat 8s infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes heartbeat{0%,20%,40%,60%,80%,100%{transform:scale(1)}10%,30%,50%,70%,90%{transform:scale(1.15)}}@-webkit-keyframes heartbeat{0%,20%,40%,60%,80%,100%{-webkit-transform:scale(1)}10%,30%,50%,70%,90%{-webkit-transform:scale(1.15)}}.shake1{-webkit-animation:shake1 1s;animation:shake1 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes shake1{0%,100%{transform:translateX(0)}12.5%,37.5%,62.5%,87.5%{transform:translateX(20px)}25%,50%,75%{transform:translateX(-20px)}}@-webkit-keyframes shake1{0%,100%{-webkit-transform:translateX(0)}12.5%,37.5%,62.5%,87.5%{-webkit-transform:translateX(20px)}25%,50%,75%{-webkit-transform:translateX(-20px)}}.scale-in{-webkit-animation:scale-in 1.5s;animation:scale-in 1.5s}@keyframes scale-in{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}.stretch{-webkit-animation:stretch 1s;animation:stretch 1s}@keyframes stretch{0%,100%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.3,.7,1)}40%{transform:scale3d(.7,1.3,1)}60%{transform:scale3d(1.2,.8,1)}75%{transform:scale3d(.8,1.2,1)}90%{transform:scale3d(1.05,.95,1)}}@-webkit-keyframes stretch{0%,100%{-webkit-transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.3,.7,1)}40%{-webkit-transform:scale3d(.7,1.3,1)}60%{-webkit-transform:scale3d(1.2,.8,1)}75%{-webkit-transform:scale3d(.8,1.2,1)}90%{-webkit-transform:scale3d(1.05,.95,1)}}.pulse{-webkit-animation:pulse 1s;animation:pulse 1s}@keyframes pulse{0%{transform:none}50%{transform:scale(1.15)}100%{transform:scale(1)}}@-webkit-keyframes pulse{0%{-webkit-transform:none}50%{-webkit-transform:scale(1.15)}100%{-webkit-transform:scale(1)}}.spin{-webkit-transform-origin:50% 50% -200px;transform-origin:50% 50% -200px;-webkit-animation:spin 1s;animation:spin 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes spin{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg)}}.whirl{-webkit-animation:whirl 2s;animation:whirl 2s}@keyframes whirl{0%{transform:translateY(1000px) rotateY(0deg)}80%{transform:translateY(-100%) rotateY(720deg)}100%{transform:translateY(0)}}@-webkit-keyframes whirl{0%{-webkit-transform:translateY(1000px) rotateY(0deg)}80%{-webkit-transform:translateY(-100%) rotateY(720deg)}100%{-webkit-transform:translateY(0)}}.wabble{-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-animation:wabble 1.2s;animation:wabble 1.2s}@keyframes wabble{0%,100%{transform:rotateZ(0deg)}12.5%{transform:rotateZ(-20deg)}25%{transform:rotateZ(18deg)}37.5%{transform:rotateZ(-15deg)}50%{transform:rotateZ(13deg)}62.5%{transform:rotateZ(-10deg)}75%{transform:rotateZ(7deg)}87.5%{transform:rotateZ(-3deg)}}@-webkit-keyframes wabble{0%,100%{-webkit-transform:rotateZ(0deg)}12.5%{-webkit-transform:rotateZ(-20deg)}25%{-webkit-transform:rotateZ(18deg)}37.5%{-webkit-transform:rotateZ(-15deg)}50%{-webkit-transform:rotateZ(13deg)}62.5%{-webkit-transform:rotateZ(-10deg)}75%{-webkit-transform:rotateZ(7deg)}87.5%{-webkit-transform:rotateZ(-3deg)}}#uploadnoteDiv{background-image:url(res/uploadnote.png);width:200px;height:200px;position:fixed;left:0;top:0;overflow:hidden;background-repeat:no-repeat}