body{margin:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.a{text-decoration:none;color:#fff;display:block;font:700 18px/75px "Open Sans";text-transform:uppercase;text-align:center;padding:0;margin:0 1px}.a:hover{color:#fff;background:hsla(0,0%,100%,.1)}.App-header{background-color:#282c34;min-height:100vh;color:#fff}@media (max-width:640px) and (min-width:0px){.a{line-height:50px;font-size:13px}}.logo{width:450px;height:450px;position:absolute;top:50%;left:50%;margin:-225px 0 0 -225px}.info{font-size:11px;line-height:16px;text-align:center;color:hsla(0,0%,100%,.3);padding:0 25px}@media (max-width:640px) and (min-width:0px){a{line-height:50px;font-size:13px}.logo{width:300px;height:300px;margin:-150px 0 0 -150px}.logo #c2,.logo .flip-card .flip-card-front{font:normal 80px/150px "Open Sans"}.logo .contentbox h2{font-size:16px;margin:24px 0}.logo .contentbox #c3 h2,.logo .contentbox #c3 p:nth-child(3){display:none}#c4 li b{width:auto}}.flip-card,.flip-card-back,.flip-card-front{width:100%;height:100%}.contentbox h2{font-size:24px;padding:0;margin:28px 0;text-transform:uppercase}.flip-card{width:50%;height:50%;cursor:default;position:relative;display:inline-block;perspective:1000;-webkit-perspective:1000;-moz-perspective:1000}.contentbox{font:normal 13px/16px "Open Sans";text-align:left}.contentbox #c1,.contentbox #c3{padding:0 15px}.flip-card.left.active{z-index:2}.flip-card.left.active+.flip-card{opacity:0}.flip-card.left.active .flip-card-back{margin-left:-100%;width:200%}.flip-card-inner{position:relative;width:100%;height:100%;display:inline-block;text-align:center;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}#c1 .a{position:absolute;bottom:0;width:100%;margin-left:-15px}#c1 h2 i{margin-right:10px;vertical-align:top;font:italic normal 12px/8px "Open Sans";color:hsla(0,0%,100%,.4)}#c1 ul{width:50%;display:inline-block;list-style-type:none;vertical-align:top;line-height:22px}#c1 li,#c1 ul{margin:0;padding:0}#c1 li{display:block}#c1 li b{display:inline-block;font-size:14px;width:95px}.flip-card-back,.flip-card-front{position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #333;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background:#16a085;z-index:1}#c2,.flip-card-front{font:normal 130px/225px "Open Sans";text-align:center;text-transform:uppercase}#c2{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1)}.flip-card-back{background:#c0392b;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card,.flip-card-back,.flip-card-inner{margin-bottom:-5px;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;-ms-transition:transform .4s;-webkit-transition:transform .4s;-moz-transition:transform .4s;-o-transition:transform .4s}.flip-card.active .flip-card-inner{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}.flip-card.notmatched .flip-card-inner{-webkit-animation-name:notmatched;animation-name:notmatched;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}#g .found{display:inline-block;margin-top:-5px}.flip-card-front,.flip-card .flip-card-back:before,.pause:before{-webkit-text-stroke:1px #fff}.flip-card .flip-card-back .contentbox .g:before{content:attr(data-icon);display:block;font-family:"FontAwesome";font-weight:800;font-size:50px;position:absolute;top:50%;margin-top:-15px;width:100%;text-align:center}@-webkit-keyframes notmatched{50%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}to{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}}@keyframes notmatched{50%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}to{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}}@media (max-width:1680px) and (min-width:640px){.flip-card .flip-card-back:before{font-size:90px}#g.medium .flip-card .flip-card-back:before{font-size:70px}#g.hard .flip-card .flip-card-back:before{font-size:50px}}@media (max-width:640px) and (min-width:470px){.flip-card .flip-card-back:before{font-size:90px}#g.medium .flip-card .flip-card-back:before{font-size:60px}#g.hard .flip-card .flip-card-back:before{font-size:50px}}@media (max-width:470px) and (min-width:0px){.flip-card .flip-card-back:before{font-size:60px}#g.medium .flip-card .flip-card-back:before{font-size:35px;-webkit-text-stroke:0}#g.hard .flip-card .flip-card-back:before{font-size:32px;-webkit-text-stroke:0}}.game{width:100%;height:100%}#g .timer,.game{position:absolute}#g .timer{width:0;height:5px;top:0;background:#c0392b;z-index:1}@-webkit-keyframes timer{to{width:100%}}@keyframes timer{to{width:100%}}.pause{height:100%;left:0;top:0;z-index:100;background:rgba(51,51,51,.78)}.pause,.pause:before{position:absolute;width:100%}.pause:before{content:"PAUSED";margin-top:-100px;top:50%;background:#c0392b;color:#fff;font:700 80px/200px "Open Sans";display:block;text-align:center}
/*# sourceMappingURL=main.ae095329.chunk.css.map */