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}#root{background-image:linear-gradient(50deg,rgba(153,232,253,.73),transparent),linear-gradient(103deg,rgba(191,153,253,.62) 60%,transparent),linear-gradient(0deg,rgba(253,153,227,.9411764705882353) 10%,transparent 60%);background-size:cover;background-repeat:no-repeat;height:100vh;display:grid;align-items:center;font-family:arial,sans-serif}.App{text-align:center}.Game{display:grid;grid-template-columns:repeat(4,25% [col-start]);grid-template-rows:repeat(4,25% [col-start]);margin:auto;max-width:560px;width:90%}.Card{z-index:1;width:90%;height:90%;background-color:hsla(0,0%,100%,.2);background-image:linear-gradient(60deg,transparent,rgba(239,231,231,.43),transparent),linear-gradient(-60deg,hsla(0,0%,55.3%,.24),transparent);margin:5%;border-radius:5px;box-shadow:0 2px hsla(0,0%,63.9%,.89),0 8px 8px #5c5c5c,inset 0 0 4px #5a5a5a;transition:.7s}.Card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Card.clicked{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.Card.found{-webkit-transform:rotate3d(0,1,1,540deg);transform:rotate3d(0,1,1,540deg)}.images{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);white-space:nowrap;width:50%;display:block;margin:25%;transition:opacity 0s .2s,-webkit-transform .7s;transition:transform .7s,opacity 0s .2s;transition:transform .7s,opacity 0s .2s,-webkit-transform .7s}.Card.clicked>.images{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.Progress{width:100%;position:fixed;bottom:0;height:80px;background-color:hsla(0,0%,100%,.28)}.Stopwatch{float:left;margin-left:30%}.Counter,.Stopwatch{height:100%;display:flex;align-items:center;font-size:40px;font-weight:700;color:#0e5db3}.Counter{float:right;margin-right:30%}.StartButton{box-shadow:0 2px #878787,0 8px 8px #4d4d4d,inset 0 0 4px #5a5a5a;color:#44448a;height:70px;max-width:450px;width:90%;background-color:transparent;font:inherit;font-size:40px;border:none;border-radius:20px;margin-left:auto;margin-right:auto;transition:.5s;background-image:linear-gradient(hsla(0,0%,100%,.31),hsla(0,0%,97.3%,.84))}.StartButton:hover{letter-spacing:4px;background-color:hsla(0,0%,100%,.87)}.Leaderboard{margin-left:auto;margin-right:auto;margin-top:50px;align-self:end;max-width:450px;width:90%;max-height:60vh;overflow:auto}.LeaderBTable{width:100%;border-spacing:0}.LeaderBTable>thead>tr:first-child>th{border-radius:7px 7px 0 0;padding:15px;margin:0;border-bottom:1px solid;font-size:40px;color:#f5fffa}.LeaderBTable>thead>tr>th{padding:15px;margin:0;background-color:#0b88df;font-size:20px;color:#f5fffa}.LeaderBTable>tbody>tr:first-child{background-color:#ffea00;font-weight:700}.LeaderBTable>tbody>tr>td{font-size:20px;padding-bottom:10px;padding-top:10px;text-align:center;vertical-align:auto;background-color:hsla(0,0%,100%,.71);margin-bottom:10px}.LeaderBTable>tbody>tr:last-child>td:first-child{border-radius:0 0 0 10px}.LeaderBTable>tbody>tr:last-child>td:last-child{border-radius:0 0 10px 0}.WinnerForm{height:45px;padding:0;vertical-align:middle}.WinnerForm>input{vertical-align:middle;border:none;margin:0;border-radius:10px 0 0 10px;font-size:20px;padding:5px;height:100%;box-sizing:border-box}.WinnerForm>input:focus{border:none}.WinnerForm>button{vertical-align:middle;color:#f5fffa;height:100%;font:inherit;font-size:25px;border:none;border-radius:0 10px 10px 0;background-color:rgba(11,136,223,.82)}tbody>tr:hover{background-color:#282c34}@media screen and (max-width:600px){.dontShow{display:none}.Progress{width:100%;position:fixed;bottom:0;height:40px;background-color:hsla(0,0%,75.3%,.56)}.Stopwatch{float:left;margin-left:30%}.Counter,.Stopwatch{height:100%;display:flex;align-items:center;font-size:25px;font-weight:700;color:#0e5db3}.Counter{float:right;margin-right:30%}.WinnerForm>button,.WinnerForm>input{border-radius:10px}}
/*# sourceMappingURL=main.d946e9a0.chunk.css.map */