#canvas,html *{-webkit-tap-highlight-color:transparent}.lvl1,.lvl2{border-radius:3px}.container,.game,.my-memory-game{overflow:hidden}html *{-webkit-user-select:none;-webkit-touch-callout:none}@font-face{font-family:KKidsLight;src:url(../assets/fonts/kkids/kkids-light.eot);src:url(../assets/fonts/kkids/kkids-light.eot#iefix) format('embedded-opentype'),url(../assets/fonts/kkids/kkids-light.woff) format('woff'),url(../assets/fonts/kkids/kkids-light.ttf) format('truetype'),url(../assets/fonts/kkids/kkids-light.svg#kkidslight) format('svg');font-weight:400}@font-face{font-family:KKidsRegular;src:url(../assets/fonts/kkids/kkids-regular.eot);src:url(../assets/fonts/kkids/kkids-regular.eot#iefix) format('embedded-opentype'),url(../assets/fonts/kkids/kkids-regular.woff) format('woff'),url(../assets/fonts/kkids/kkids-regular.ttf) format('truetype'),url(../assets/fonts/kkids/kkids-regular.svg#kkidsregular) format('svg')}@font-face{font-family:KKidsBold;src:url(../assets/fonts/kkids/kkids-bold.eot);src:url(../assets/fonts/kkids/kkids-bold.eot#iefix) format('embedded-opentype'),url(../assets/fonts/kkids/kkids-bold.woff) format('woff'),url(../assets/fonts/kkids/kkids-bold.ttf) format('truetype'),url(../assets/fonts/kkids/kkids-bold.svg#kkidsbold) format('svg')}#canvas{z-index:0}.my-memory-game{background:url(../assets/img/bgwide.png);z-index:1;position:absolute;width:800px;height:600px;padding:50px}#mobile-play{width:800px;height:600px;background-color:#d9a8cf;background:url(../assets/lunasplash.png);display:none;position:relative;margin:0 auto}@media only screen and (min-device-width :768px) and (max-device-width :1024px)and (-webkit-min-device-pixel-ratio:2){#mobile-play{background:url(../assets/lunasplash@2x.png);background-size:800px;display:block;z-index:1}}@keyframes shift{100%{background-position:100%;animation-fill-mode:forwards}}.play{animation:shift 2s ease-in-out .5s forwards}@keyframes shiftback{0%{background-position:100%}100%{background-position:0}}.back{animation:shiftback 2s ease-in-out .1s backwards}body{background-color:#FFF}.lunaInGame1 canvas{width:150px;height:auto;margin-top:250px}.lunaInGame2 canvas{width:150px;height:auto;margin-top:-600px;margin-left:450px}@keyframes congratsLuna{0%,100%{transform:translateY(0)}35%,65%{transform:translateY(-120px)}}.congratsLuna1{animation:congratsLuna 2s ease}.congratsLuna2{animation:congratsLuna2 2s ease}@keyframes congratsLuna2{0%,100%{transform:translateY(0)}35%,65%{transform:translateY(-160px)}}.luna canvas{width:400px;height:auto;margin-top:275px;margin-left:-15px;transform:translateX(0)}@keyframes moveLuna{0%{transform:translateX(0)}100%{transform:translateX(-800px)}}@keyframes backLuna{0%{transform:translateX(-800px)}100%{transform:translateX(0)}}.backLuna{animation:backLuna 1.8s linear forwards}.moveLuna{animation:moveLuna 1.5s ease-in .5s forwards}.loopCanvas{margin-left:-70px;margin-bottom:30px;width:900px;height:auto}.lvl1,.lvl2,.lvl3{margin-right:10px;width:100px;height:150px;color:#FFF;font-size:30px}.sideCanvas{display:block;margin-top:-300px;margin-left:-250px;z-index:2}.congratsLuna3{animation:sideCongrats 2s ease-out}@keyframes sideCongrats{0%,100%{transform:translateX(0)}30%{transform:translateX(135px)}65%{transform:translateX(110px)}}.lvl1{margin-left:150px;padding:30px 20px 30px 55px;background-color:#BA73AF;border:7px solid #A33F97}.lvl2{padding:30px 15px 30px 40px;background-color:#54A4DB;border:7px solid #1992D1}.lvl3{padding:30px 45px;background-color:#A7C67E;border-radius:3px;border:7px solid #6B9A56}a,body,div,h1,h2,h3,h4,h5,h6,html,img,p,small,span{margin:0;padding:0;border:0;font:inherit}.mg__button,body{font-family:KKidsRegular}*,::after,::before{-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{content:"";display:table;clear:both}body,html{height:100%}body{color:#787a80;font-size:30px}h1,h2,h3,h4,h5,h6{font-weight:400}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.wrapper{width:100%;min-width:480px}.container{margin:0 auto;width:800px;height:600px}.header{padding:10px 10px 10px 50px}.header__logo{float:left;margin-left:-30px;width:30px;height:30px}.header__title{float:right;color:#fff;font-size:18px;line-height:30px}.content{height:600px;background-color:#FCC15D}.mg__splash{margin-bottom:-304px}#mg__splash--enter{margin-left:400px}.mg__splash--title{width:70%;margin-left:210px;margin-top:50px;margin-bottom:40px}.mg__meta{margin-bottom:10px;color:#fff}.mg__meta--item{display:inline-block}.mg__meta--left{float:left}.mg__meta--right{float:right}.mg__meta--level,.mg__meta--rounds{margin-right:20px}.mg__start-screen{width:800px;text-align:center;padding-top:50px}.mg__start-screen--heading{margin-bottom:10px;color:#282a2f;font-size:30px}.mg__start-screen--sub-heading{font-size:24px;margin-bottom:10px;color:#28aadc}.mg__start-screen--sub-heading::after,.mg__start-screen--sub-heading::before{margin:0 5px;content:"-"}.mg__start-screen--text{margin-bottom:20px}@keyframes startFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes startFadeIn{0%{opacity:0}100%{opacity:1}}.startFadeOut{animation:startFadeOut 1s linear forwards}.startFadeIn{animation:startFadeIn 1s linear forwards}.mg__start-screen--level-select{list-style:none;margin-top:-620px;margin-right:50px;padding:0;opacity:100%}.mg__start-screen--level-select span{color:#fff;font-size:120px;cursor:pointer}.fade{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear}.mg__wrapper{margin:0 auto;width:100%;z-index:1}.mg__contents{position:relative;padding-bottom:50%;margin-left:-5px;margin-right:-5px;opacity:1}@keyframes gameFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes gameFadeIn{0%{opacity:0}100%{opacity:1}}.gameFadeOut{animation:gameFadeOut 1s linear forwards}.gameFadeIn{animation:gameFadeIn 1s linear forwards}.mg__tile{position:absolute;padding:5px}.mg__level-1 .mg__tile{width:23%;height:60%}.mg__level-1 .mg__tile-1{top:5%;left:0}.mg__level-1 .mg__tile-2{top:5%;left:25%}.mg__level-1 .mg__tile-3{top:5%;left:50%}.mg__level-1 .mg__tile-4{top:5%;left:75%}.mg__level-1 .mg__tile-5{top:65%;left:0}.mg__level-1 .mg__tile-6{top:65%;left:25%}.mg__level-1 .mg__tile-7{top:65%;left:50%}.mg__level-1 .mg__tile-8{top:65%;left:75%}.mg__level-2 .mg__tile{width:17.5%;height:48%}.mg__level-2 .mg__tile-1{top:10%;left:0}.mg__level-2 .mg__tile-2{top:10%;left:16.66667%}.mg__level-2 .mg__tile-3{top:10%;left:33.33333%}.mg__level-2 .mg__tile-4{top:10%;left:50%}.mg__level-2 .mg__tile-5{top:10%;left:66.66667%}.mg__level-2 .mg__tile-6{top:10%;left:83.33333%}.mg__level-2 .mg__tile-7{top:60%;left:0}.mg__level-2 .mg__tile-8{top:60%;left:16.66667%}.mg__level-2 .mg__tile-9{top:60%;left:33.33333%}.mg__level-2 .mg__tile-10{top:60%;left:50%}.mg__level-2 .mg__tile-11{top:60%;left:66.66667%}.mg__level-2 .mg__tile-12{top:60%;left:83.33333%}.mg__level-3 .mg__tile{width:16.66667%;height:43%}.mg__level-3 .mg__tile-1{top:5%;left:0}.mg__level-3 .mg__tile-2{top:5%;left:16.66667%}.mg__level-3 .mg__tile-3{top:5%;left:33.33333%}.mg__level-3 .mg__tile-4{top:5%;left:50%}.mg__level-3 .mg__tile-5{top:5%;left:66.66667%}.mg__level-3 .mg__tile-6{top:5%;left:83.33333%}.mg__level-3 .mg__tile-7{top:48%;left:0}.mg__level-3 .mg__tile-8{top:48%;left:16.66667%}.mg__level-3 .mg__tile-9{top:48%;left:33.33333%}.mg__level-3 .mg__tile-10{top:48%;left:50%}.mg__level-3 .mg__tile-11{top:48%;left:66.66667%}.mg__level-3 .mg__tile-12{top:48%;left:83.33333%}.mg__level-3 .mg__tile-13{top:90%;left:0}.mg__level-3 .mg__tile-14{top:90%;left:16.66667%}.mg__level-3 .mg__tile-15{top:90%;left:33.33333%}.mg__level-3 .mg__tile-16{top:90%;left:50%}.mg__level-3 .mg__tile-17{top:90%;left:66.66667%}.mg__level-3 .mg__tile-18{top:90%;left:83.33333%}.mg__tile--inner{position:relative;width:100%;height:100%;cursor:pointer;size:85%}.mg__tile--inside,.mg__tile--outside{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s,background .3s;transition:transform .3s,background .3s}.mg__tile--outside{background:url(../assets/img/cardback.png) 45% 45% no-repeat;background-size:95%;border-radius:4px}.mg__tile--inside{border-radius:4px;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.mg__tile img{width:90%;height:auto;margin:auto;margin-top:20%}.mg__tile--inner.flipped .mg__tile--outside{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.mg__tile--inner.flipped .mg__tile--inside{-webkit-transform:rotateY(0);transform:rotateY(0)}.mg__onend{padding:80px 20px;text-align:center}@media only screen and (min-device-width:768px){.mg__onend{padding:40px 20px;text-align:center}}.mg__onend--heading{margin-top:-30px;margin-bottom:5px;color:#28aadc;font-size:40px}.mg__onend--message{margin-bottom:15px;font-size:30px}.mg__button{margin:0;display:inline-block;padding:10px;padding-left:30px;padding-right:30px;margin-top:-15px;color:#fff;font-size:30px;border:none;background:#e1a1bb;border-radius:3px;box-shadow:none;cursor:pointer}