@font-face{font-family:'nunitoregular';src:url('../fonts/nunito-regular-webfont.woff2') format('woff2'),url('../fonts/nunito-regular-webfont.woff') format('woff');font-weight:normal;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:normal;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:normal;font-style:normal}*,*:before,*:after{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,p,ul,ol{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:normal;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:normal}p{margin-bottom:15px}h1{font-family:'nunitoextrabold';font-weight:normal;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,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:none;border:none;font-family:inherit;font-size:inherit;color:#4f4258;font-family:'nunitoextrabold';font-weight:normal;font-size:70px;line-height:70px;width:100px;text-align:center;letter-spacing:-2px}#title{font-family:'nunitoextrabold';white-space:nowrap;font-size:20px;line-height:20px;text-align:center;top:3.5%;color:#fff;width:280px;height:46px;background:transparent url('../img/ribbon.png') no-repeat center center;background-size:cover;margin:auto;left:0;right:0;padding-top:9px}#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(0deg) !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(0deg);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:0px;height:0px;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,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,0.25),0 10px 10px rgba(0,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 #cccccc}@media screen and (max-width:1279px){.app-wrapper{background:none}#cards{height:400px}#cards .card{width:118px;height:118px}#actions{bottom:3%}}@media screen and (max-width:1023px){#title{top:1.5%}#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}}