@import"https://db.onlinewebfonts.com/c/1572b251b0319fdd12219a000aad6196?family=SofiaPro-Black";@import"https://db.onlinewebfonts.com/c/222384cc903735579b585bc529fae84e?family=Apple+LiGothic+Medium";body{font-family:SofiaPro-Black}ul{padding:0;margin:0}.flipped .card_back{transform:rotateY(180deg)}.flipped .card_front{transform:rotateY(0)}.card_back,.card_front{position:absolute;backface-visibility:hidden}.card_back{display:flex;align-items:center;justify-content:center;transform:rotateY(0);transition:1s}.card_front{display:flex;align-items:center;justify-content:center;transform:rotateY(180deg);transition:1s}.wrong{animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.column{display:flex;flex-direction:column;align-items:center;justify-content:center}.header{width:100%;margin:80px 0}.header .game{padding:5px 0;font-size:71.94px;color:#8f7562}.header_img_1{margin-bottom:42px}.card-game{position:relative;width:75%;margin:auto auto 80px}.card-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d5deeda2}.card-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background-color:#fff}.card-modal-content .title{font-size:45.27px;color:#8f7562;margin-bottom:30px}.card-modal-content .copy{font-size:59.23px;border:1px solid #8f7562;border-radius:10px;color:#8f7562;padding:35px 20px;margin:30px;width:80%;display:flex;align-items:center;justify-content:center;line-height:50%}.card-modal-content .btn-group{width:70%;display:flex;align-items:center;justify-content:space-between}.card-modal-content .btn-group img{cursor:pointer}.card-game-control{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;background-color:#d5deed;padding:30px}.card-game-control .back{cursor:pointer}.card-game-control .timer{position:relative}.card-game-control .timer .time{position:absolute;top:43%;left:70%;transform:translate(-50%,-50%);font-size:55px;color:#fff}.card-game-list{display:flex;align-items:center;justify-content:space-around;margin:150px auto;width:100%}.card{position:relative;width:230px;height:300px;font-size:24px;cursor:pointer;will-change:transform;perspective:300px}.card_container{width:100%;height:100%}.card.flipped{background-color:#fff}.card.disabled{pointer-events:none}.card-game-content{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:80px}.card-game-content .start{position:absolute;bottom:3%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.directions{font-size:17.17px;font-weight:700;text-align:center;font-family:Apple LiGothic Medium;margin-bottom:60px;color:#545454}.notice{font-size:17.17px;font-weight:700;text-align:center;color:#545454;margin-bottom:50px}.directions .title,.notice .title{font-size:25.75px;font-weight:600;margin-bottom:30px;color:#8f7562}.notice ul{display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto}.notice ul li{list-style:none}.notice ul li span{font-weight:700;font-size:12px}.copyright{align-self:flex-start}.footer{text-align:center}.footer .footer-content{margin:10px}@media screen and (max-width: 1360px){.main{width:90%}.start{width:120px}.card-game{width:90%}.card-game-control{padding:20px}.card-game-control .timer .time{top:45%;font-size:40px}.card{width:150px;height:196px}.card-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d5deeda2}.card-modal-content{width:450px;height:450px;padding:15px}.card-modal-content .title{font-size:35px;margin-bottom:0}.card-modal-content .alert{object-fit:contain;aspect-ratio:auto;width:60%;margin-top:10px}.card-modal-content .copy{font-size:35px;padding:25px 15px}.card-modal-content .btn-group img{width:150px}}@media screen and (max-width: 1080px){.start{width:120px}.card-game{width:90%}.card-game-control .back{height:58px}.card-game-control .timer img{height:58px;font-size:30px}.card{width:120px;height:157px}}@media screen and (max-width: 768px){.start{width:80px}.card-game{width:100%}.card-game-control .back{height:48px}.card-game-control .timer img{height:48px;font-size:20px;font-weight:500}.card-game-control .timer .time{top:40%;font-weight:500}.card-game-list{margin:80px auto}.card{width:100px;height:130px}.card-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d5deeda2}.card-modal-content{width:300px;height:300px;padding:25px}.card-modal-content .title{font-size:20px}.card-modal-content .alert{object-fit:contain;aspect-ratio:auto;width:60%;margin-top:10px}.card-modal-content .copy{margin:20px;font-size:25px;padding:15px;border-radius:5px}.card-modal-content .btn-group img{width:100px}.copyright,.footer .footer-content{width:90%}}@media screen and (max-width: 568px){.header{margin:30px 0}.header .game{padding:5px 0;font-size:71.94px;color:#8f7562}.header_img_1{width:150px;margin-bottom:20px}.header_img_2{width:70%}.header .game{line-height:100%;font-size:42px}.main{width:100%}.start{bottom:8%!important;width:120px}.card-game{width:100%}.card-game-control{padding:10px}.card-game-control .back{height:35px}.card-game-control .timer img{height:35px;font-weight:500}.card-game-control .timer .time{top:45%;font-size:18px}.card-game-content .copyright{position:absolute;bottom:3%}.card-game-list{margin:20px auto;display:grid!important;grid-template-columns:repeat(3,1fr)}.card{width:100px;height:135px;margin:5px auto}.card-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d5deeda2}.card-modal-content{width:220px;height:220px}.card-modal-content .title{font-size:20px}.card-modal-content .alert{object-fit:contain;aspect-ratio:auto;width:80%;margin-top:5px}.card-modal-content .copy{font-size:18px;padding:10px;margin:10px}.card-modal-content .btn-group{margin-top:10px;width:80%}.card-modal-content .btn-group img{width:80px}.copyright{width:85%;margin:0 auto}.footer .footer-copyright{width:80%;margin-bottom:100px}.directions,.notice{font-size:16px}}