.card{display:flex;width:100px;height:150px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform-style:preserve-3d}.card--guessed{box-sizing:border-box;border:5px dashed #000}.card__part{display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:10%;transform-style:preserve-3d;transition:transform .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__part--front{display:flex;justify-content:center;align-items:center;background-color:#fff}.card__part--front:after,.card__part--front:before{display:block;width:20px;height:20px;position:absolute;content:"CDG";font-size:7px;color:#fff;line-height:20px;text-align:center;border-radius:50%;background:#3948d9}.card__part--front:before{top:5px;left:5px}.card__part--front:after{bottom:5px;right:5px}.card__part--back{box-sizing:border-box;border:5px solid #fff;background-color:#70aefd}.card__part--back:before{display:block;width:50px;height:50px;position:absolute;content:"CDG";font-size:12px;color:#fff;line-height:50px;text-align:center;border-radius:50%;background:#3948d9;left:20px;top:45px}.card__part--back,.card__part--front{cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.25)}.card--opened .card__part--front{transform:rotateY(0deg)}.card--opened .card__part--back{transform:rotateY(180deg)}.card--closed .card__part--front{transform:rotateY(-180deg)}.card--closed .card__part--back{transform:rotateY(0deg)}.card--guessed .card__part{opacity:0;transition:opacity .25s ease}.card__content{height:90px;width:60px;overflow:auto;pointer-events:none}@media screen and (max-height:750px),screen and (max-width:500px){.card{width:90px;height:120px}.card__part--back:before{width:40px;height:40px;line-height:40px;left:20px;top:35px}}@media screen and (max-height:650px),screen and (max-width:450px){.card{width:70px;height:90px}.card__content{height:65px;width:50px}.card__part--back:before{width:30px;height:30px;line-height:30px;left:15px;top:25px;font-size:10px}}@media screen and (max-height:500px),screen and (max-width:399px){.card{width:60px;height:75px}.card__content{height:55px;width:40px}.card__part--back:before{left:10px;top:20px}}@media screen and (max-height:400px){.card{width:50px;height:60px}.card__content{height:45px;width:30px}.card__part--front:after,.card__part--front:before{width:15px;height:15px;font-size:5px;line-height:15px}.card__part--back:before{width:25px;height:25px;line-height:25px;left:8px;top:14px;font-size:8px}}.board{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto;perspective:2000px}.board__title{text-align:center;color:#fff}.board__cards-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:550px;max-height:800px;margin:auto}.board__card{margin:5px 10px}@media screen and (max-height:750px){.board__cards-container{width:500px}}@media screen and (max-height:650px){.board__cards-container{width:400px}}@media screen and (max-height:500px){.board__cards-container{width:350px}}@media screen and (max-height:400px){.board__cards-container{width:300px}}.app{background-color:#99d6bd;height:100vh;display:flex;flex-direction:column;min-width:320px;min-height:320px}.app__header{display:flex;justify-content:center;align-items:baseline;position:absolute;left:15px}.app__reset-button{height:100%;margin-left:10px;cursor:pointer;z-index:2}.app__game-over{display:flex;justify-content:center;align-items:center;font-size:72px;height:100%;color:#fff}.app__game-over-main{background:#3948d9;padding:20px 10px 0;margin-left:15px}@media screen and (max-height:450px),screen and (max-width:600px){.app__game-over{font-size:36px}.app__header{font-size:10px}.app__game-over-main{padding:15px 10px 0;margin-left:10px}}@media screen and (max-height:350px),screen and (max-width:350px){.app__game-over{font-size:24px}.app__header{font-size:7px}.app__game-over-main{padding:10px 10px 0;margin-left:5px}}body{margin:0;font-family:"Roboto",sans-serif}
/*# sourceMappingURL=main.89696441.chunk.css.map */