@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local(''),url('../fonts/montserrat-v18-latin-regular.woff2') format('woff2'),url('../fonts/montserrat-v18-latin-regular.woff') format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local(''),url('../fonts/montserrat-v18-latin-500.woff2') format('woff2'),url('../fonts/montserrat-v18-latin-500.woff') format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local(''),url('../fonts/montserrat-v18-latin-700.woff2') format('woff2'),url('../fonts/montserrat-v18-latin-700.woff') format('woff')}*,*: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:'Montserrat';font-size:18px;line-height:20px;font-weight:400;color:#4f4258;background:#9CC91A;background:linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, #9CC91A 50%, #9CC91A 100%);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}b{font-family:'Montserrat';font-weight:700}p{margin-bottom:15px}h1{font-family:'Montserrat';font-weight:700;font-size:50px;line-height:50px;color:#fff;margin:0;margin-bottom:50px}.btn{display:inline-flex;align-items:center;text-align:center;text-decoration:none;transition:.3s;border:none;border-radius:5px;overflow:hidden;color:#fff;font-family:inherit;background:#75B733;-webkit-tap-highlight-color:transparent;margin:0 12px;border:2px solid #fff;height:50px;padding:0 25px 0 15px}.btn:hover{background:#F2BD31}.btn .btn-icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px}.btn .btn-text{font-family:'Montserrat';font-family:400;white-space:nowrap;display:flex;justify-content:center;align-items:center;margin-top:1px;margin-left:10px;font-size:18px;line-height:18px}.btn.btn-round{width:50px;justify-content:center;padding:0;border-radius:999px}.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-size:inherit;color:#4f4258;font-family:'Montserrat';font-weight:400;font-size:70px;line-height:70px;width:100px;text-align:center;letter-spacing:-2px}#title{font-family:'Montserrat';font-weight:700;white-space:nowrap;font-size:50px;line-height:50px;text-align:center;top:15px;width:100%;height:46px;color:#363636;padding-left:20%}#time_container{left:2.5%;top:15%;line-height:20px}#time_container .time-title{color:#75B733;font-family:'Montserrat';font-weight:700;font-size:24px;line-height:24px;margin-bottom:4px}#time_container .time-text{color:#aaa;font-family:'Montserrat';font-weight:400;font-size:13px;line-height:13px}#time_container #time_zone{font-family:'Montserrat';font-weight:700;color:#75B733;font-size:56px;line-height:56px;letter-spacing:-1px}#abstract{width:165px;left:2.5%;top:41%;line-height:22px}#abstract::before{content:'';position:absolute;top:-40px;left:0;width:75px;height:3px;background-color:#75B733}#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:2px solid #2CB12C}#cards .card.error .card-side.card-back{border:2px solid #CE635E}#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;box-shadow:0 0 4px 4px rgba(0,0,0,0.1);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:2px solid #aaa}.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:25px;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{border:2px solid #d9d9d9}@media screen and (max-width:1279px){.app-wrapper{background:none}#title{font-size:40px;line-height:40px}#cards{height:400px}#cards .card{width:118px;height:118px}#actions{bottom:15px}}@media screen and (max-width:1023px){#title{font-size:30px;line-height:30px}#abstract{top:50%;width:140px;font-size:16px;line-height:18px}#abstract::before{top:-20px;width:65px}#cards{height:300px}#cards .card{width:90px;height:90px;margin:3px}#time_container{top:17%;line-height:20px}#time_container #time_zone{font-size:46px;line-height:46px}#actions{bottom:6px}.btn{padding:0 15px 0 5px;height:39px;margin:0 5px}.btn .btn-icon{width:25px;height:25px}.btn.btn-round{width:39px}}@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 #2CB12C}#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}#actions{width:100%;padding-left:90px}}@media screen and (max-width:736px){#time_container #time_zone{font-size:40px;line-height:40px}#cards{height:265px}#cards .card{width:75px;height:75px}#cards .card .card-side{box-shadow:0 0 2px 2px rgba(0,0,0,0.1)}}@media screen and (max-width:650px){#cards{height:225px}#cards .card{width:65px;height:65px;margin:2px}#actions{padding-left:70px}}@media screen and (max-height:415px){body{background:#3c475d}#app{max-width:610px}#abstract{width:120px;font-size:13px;line-height:16px}#abstract::before{top:-20px;width:65px}#cards{height:250px}#cards .card{width:70px;height:70px}#actions{bottom:4px}}