@font-face{font-family:nunitoregular;src:url(../fonts/nunito-regular-webfont.woff2) format('woff2'),url(../fonts/nunito-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:nunitoextrabold;src:url(../fonts/nunito-extrabold-webfont.woff2) format('woff2'),url(../fonts/nunito-extrabold-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:nunitolight;src:url(../fonts/nunito-light-webfont.woff2) format('woff2'),url(../fonts/nunito-light-webfont.woff) format('woff');font-weight:400;font-style:normal}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,ol,p,ul{display:block;font-size:inherit}img{max-width:100%;height:auto;border:0}a{color:inherit;transition:.2s;outline:0;cursor:pointer}body{font-family:nunitoregular;font-size:18px;line-height:20px;font-weight:400;color:#4f4258;background:#86a964;background:linear-gradient(to bottom,#c9e6e8 0,#c9e6e8 50%,#86a964 50%,#86a964 100%);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}b{font-family:nunitoextrabold;font-weight:400}p{margin-bottom:15px}h1{font-family:nunitoextrabold;font-weight:400;font-size:50px;line-height:50px;color:#fff;margin:0;margin-bottom:50px}.btn{display:inline-flex;font-size:17px;line-height:17px;text-align:center;text-decoration:none;transition:.3s;border:none;border-radius:15px;overflow:hidden;color:#fff;font-family:inherit;box-shadow:0 5px 0 #738a51;background:#bdb8b5;-webkit-tap-highlight-color:transparent;margin:0 12px}.btn:hover{background:#a19d9a}.btn.btn-yellow{background:#f6c643}.btn.btn-yellow:hover{background:#e8aa00}.btn.btn-red{background:#f76d65}.btn.btn-red:hover{background:#c7534b}.btn.btn-blue{background:#5374b8}.btn.btn-blue:hover{background:#3a5a9c}.btn.btn-aqua{background:#099dab}.btn.btn-aqua:hover{background:#0f8691}.btn .btn-icon{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.1);width:46px;height:46px}.btn .btn-text{font-family:nunitoextrabold;padding:0 13px;white-space:nowrap;display:flex;justify-content:center;align-items:center;margin-top:1px;font-size:20px;line-height:20px}.t-left{text-align:left}.t-center{text-align:center}.is-hidden{display:none!important}.container{margin:auto;max-width:1200px;padding:0 25px}.app-wrapper{min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;background:url(../img/background-stripe.png) center center repeat-x}#app{max-width:1280px;overflow:hidden;position:relative;line-height:0}#app>*{display:block;position:absolute}#app .app-background{position:relative}input{outline:0;border:none;font-family:inherit;font-size:inherit;color:#4f4258;font-family:nunitoextrabold;font-weight:400;font-size:70px;line-height:70px;width:100px;text-align:center;letter-spacing:-2px}#title-container{top:4%;right:2%;width:76%;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}#title{font-family:nunitoextrabold;white-space:nowrap;font-size:20px;line-height:13.5px;text-align:center;top:3.5%;color:#fff;height:38px;margin:auto;padding-top:14px;display:inline-block;background:#5374b8;text-transform:uppercase;right:0;position:relative}#title:after,#title:before{content:"";height:121%;width:40px;background-image:url(../img/ribbon-piece.png);background-size:contain;background-repeat:no-repeat;position:absolute}#title:before{left:-40px;top:0}#title:after{right:-40px;top:0;transform:scaleX(-1)}#time_container{left:2.5%;top:15%;line-height:20px}#time_container .time-title{color:#5374b8;font-family:nunitoextrabold;font-size:20px;line-height:20px}#time_container #time_zone{font-family:nunitolight;font-size:56px;line-height:56px;letter-spacing:-1px}#cards{top:13%;right:2%;width:76%;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;height:500px}#cards .card{width:150px;height:150px;transition:.6s;transform-style:preserve-3d;perspective:1000px;position:relative;cursor:pointer;margin:5px;-webkit-tap-highlight-color:transparent}#cards .card.flip{cursor:default}#cards .card.flip .card-back{transform:rotateY(0)!important}#cards .card.flip .card-front{transform:rotateY(180deg)!important}#cards .card.matched .card-side.card-back{border:5px solid #8fb30d}#cards .card.error .card-side.card-back{border:5px solid #f55047}#cards .card .card-side{width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:.6s;transform-style:preserve-3d;background-position:center center;background-size:contain;background-repeat:no-repeat;border-radius:10px;overflow:hidden;position:absolute;top:0;left:0}#cards .card .card-side.card-front{z-index:2;transform:rotateY(0);background-image:url(../img/card-back.png)}#cards .card .card-side.card-back{transform:rotateY(-180deg);background-color:#fff;border:5px solid #cfc9c9}.break{display:block;flex-basis:100%;width:0;height:0;overflow:hidden}#actions{position:absolute;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;bottom:3.5%;right:2%;width:76%}#modal_container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,.8);z-index:1000;transition:.3s;transform:scale(.1,.1);opacity:0;visibility:hidden}#modal_container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s;transform:scale(1,1)}#modal_container #modal_window{border-radius:4px;background:#fff;width:100vw;max-width:300px;max-height:100vh;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);overflow:hidden;text-align:center}#modal_container #modal_content{padding:25px 25px 20px 25px;overflow-y:auto;max-height:calc(100vh - 64px);text-align:center}#modal_container #modal_actions{padding-bottom:25px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#modal_container #modal_actions>*{margin:0 3px}#modal_container #modal_actions .btn{box-shadow:0 5px 0 #ccc}@media screen and (max-width:1279px){.app-wrapper{background:0 0}#cards{height:400px}#cards .card{width:118px;height:118px}#actions{bottom:3%}}@media screen and (max-width:1023px){#title-container{top:1.5%}#title{font-size:18px}#cards{height:300px}#cards .card{width:90px;height:90px;margin:3px}#time_container{top:5%;line-height:20px}#time_container #time_zone{font-size:46px;line-height:46px}.btn{border-radius:10px;box-shadow:0 3px 0 #738a51;background:#bdb8b5;margin:0 8px}.btn .btn-icon{width:36px;height:36px}.btn .btn-icon img{max-width:25px}.btn .btn-text{margin-top:2px;font-size:16px;line-height:16px}}@media screen and (max-width:767px){#cards{height:295px}#cards .card{width:84px;height:84px}#cards .card.matched .card-side.card-back{border:3px solid #8fb30d}#cards .card.error .card-side.card-back{border:3px solid #f55047}#cards .card .card-side{border-radius:5px}#cards .card .card-side.card-back{border:3px solid #cfc9c9}}@media screen and (max-width:720px){#cards{height:265px}#cards .card{width:75px;height:75px}#actions{bottom:2%}}@media screen and (max-height:415px){body{background:#3c475d}#app{max-width:610px}#cards{height:265px}#cards .card{width:70px;height:70px}#actions{bottom:1.5%}}@media screen and (max-width:570px){#cards{height:225px}#cards .card{width:65px;height:65px;margin:2px}.btn{margin:0 5px}}