body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#app{text-align:center;height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapper{background:rgba(0,0,0,.8);height:100vh;width:100vw;position:absolute}.login,.wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.login{height:60vh;width:40vw;text-align:center;box-shadow:6px 6px 6px grey;background:#fff;z-index:999}.navbar{display:-webkit-flex;display:flex;box-shadow:4px 4px 6px grey;-webkit-justify-content:space-between;justify-content:space-between}#navbar{position:absolute;top:0;width:100%}.images{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:450px;width:570px;box-shadow:4px 4px 10px grey;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center}.image,.image-blank{background-size:contain!important;background-repeat:no-repeat!important;background-position:50%!important;height:120px;width:120px;border-radius:5px;box-shadow:2px 2px 3px #000;padding:10px;margin:10px}.end-game{position:absolute;height:100vh;width:100%;background:rgba(0,0,0,.8);z-index:999}.end-game,.message{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.message{-webkit-flex-direction:column;flex-direction:column;height:60vh;width:40vw;background:#fff;box-shadow:12px 12px 10px grey}@media only screen and (max-width:600px){.image{height:100px;width:110px;margin:5px}.login,.message{width:400px}}.playground{display:-webkit-flex;display:flex;height:100vh;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#app .playground .card{width:20%;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:110px;padding:10px;text-align:center;margin-bottom:15px;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}#app .playground .card div{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;transition:.6s;background:#f4f5f7}#app .playground .card .front{font-size:50px;line-height:120px;cursor:pointer;color:#b9bfcc;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#app .playground .card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);line-height:110px}#app .playground .card .back img{vertical-align:middle;width:30%}#app .playground .card.matched,#app .playground .card.opened{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#app .playground .card.matched .back{box-shadow:inset 0 0 0 2px rgba(0,0,0,.05);-webkit-animation:selected .8s ease 0s 1;animation:selected .8s ease 0s 1;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:.2}.unshow{display:none}@-webkit-keyframes selected{0%{opacity:.2}30%{opacity:.5}50%{opacity:.9}70%{opacity:.2}to{opacity:.3}}@keyframes selected{0%{opacity:.2}30%{opacity:.5}50%{opacity:.9}70%{opacity:.2}to{opacity:.3}}
/*# sourceMappingURL=main.11e54ce1.chunk.css.map */