@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500;700&display=swap);body{margin:0;background-color:#333f48;font-family:"Roboto Mono",monospace}.App{text-align:center;flex-direction:column}.App,.navbar{display:flex;align-items:center}.navbar{width:100%;background-color:#00beb5;justify-content:space-evenly;color:#fff;font-size:.8rem;letter-spacing:1.5px}.navbar h1:hover{cursor:pointer}.board{margin:10px auto;background-color:#c4c4c4;width:90%;height:70vh;border-radius:10px;display:grid;grid-template-columns:repeat(5,auto);justify-content:space-evenly;align-items:center;padding:10px 0}.yellow-btn{height:44px;width:44px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#e4e83b;font-size:1.5rem}.yellow-btn:hover{cursor:pointer;color:#ff0}.yellow-btn:disabled{color:#c4c4c4}.card{width:45px;height:60px;background-color:transparent;perspective:1000px}.card,.card-inner{border-radius:10px}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s ease-out;transform-style:preserve-3d;cursor:pointer;opacity:1}.card-inner img{width:45px}.card-back,.card-front{border-radius:10px;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-front{background-color:#00beb5}.card-back{display:flex;justify-content:center;align-items:center;background-color:#fff;opacity:1}.card-back,.clicked{transform:rotateY(180deg)}.not-clicked{transform:rotateY(0deg)}.matched{opacity:0}.form{display:flex;flex-direction:column;color:#333f48;justify-content:center;align-items:center;width:100%}.form-header{color:#e4e83b;letter-spacing:1px;margin-bottom:10px}.form-field{border-radius:10px;background-color:#fff;height:2rem;margin:.5rem;border:1px solid transparent;font-family:"Roboto Mono",monospace;color:#333f48;width:200px}.form-field:focus{outline:none;border:1px solid #00beb5}.checkbox-field{width:250px;font-size:.8rem;margin:10px 0;display:flex;align-items:flex-start}.checkbox-field input{width:20px;height:20px}select{text-align-last:center;font-size:1.1rem}input{font-size:1.2rem;padding-left:.5rem}label{color:#fff}.submit-btn{background-color:#e4e83b;border:none;color:#fff;border-radius:100%;width:60px;height:60px;font-size:1.5rem;display:flex;justify-content:center;align-items:center;padding-left:10px;margin-top:10px}.submit-btn:hover{background-color:#ff0}.btn:focus,.submit-btn:focus,.yellow-btn:focus{border:none;outline:none}.timer{justify-content:flex-end;width:90%;margin:1vh auto}.btn-set,.timer{display:flex}.pause{color:#ff4500}.pause:hover{color:#ff7018}.clock{color:#fff;margin:0 40px;line-height:44px}.btn,.clock{font-size:1.5rem}.btn{color:#00beb5;background-color:transparent;font-family:"Roboto Mono",monospace;border:none;padding-top:15px}.btn:hover{color:#fff}.btn:disabled{color:grey}@media only screen and (min-width:620px){.board,.timer{width:600px}.card{width:55px;height:67px}.card-inner img{width:50px;max-height:67px}}@media only screen and (max-aspect-ratio:5/4) and (min-width:620px){.board{height:650px}}.champion-header-container{display:grid;grid-template-columns:auto 50px;align-items:start;width:300px;margin:0 auto}.champion-header-container h1{color:#fff;justify-self:stretch;font-size:1.5rem;text-align:center;margin:20px -50px 20px 0}.champion-header-container button{justify-self:end}.champion{display:flex;justify-content:space-around;align-items:center;background-color:#00beb5;color:#fff;border-radius:10px;margin:10px auto;width:300px;height:35px}.form-field-small{border-radius:10px;background-color:#fff;height:2rem;margin:.5rem;border:1px solid transparent;font-family:"Roboto Mono",monospace;color:#333f48;width:120px}.form-field-small:focus{outline:none;border:1px solid #00beb5}.your-score-wrapper{background-color:#c4c4c4;border-radius:10px;padding:10px 0 20px;width:300px;margin:30px auto}.your-score-wrapper h1{color:#333f48;font-size:1.5rem}.your-score-wrapper p{color:#333f48;font-size:1.2rem}
/*# sourceMappingURL=main.c2a91548.chunk.css.map */