@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Black.ttf) format("truetype")}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-ExtraLight.ttf) format("truetype");font-weight:200}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-ExtraBold.ttf) format("truetype");font-weight:800}@keyframes wiggle{0%{transform:rotate(0deg)}90%{transform:rotate(0deg)}92%{transform:rotate(10deg)}94%{transform:rotate(-10deg)}96%{transform:rotate(5deg)}98%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.mail{animation:wiggle 5s infinite}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#323232;min-height:100%;display:flex;flex-direction:column;color:#fff;font-family:"Poppins", cursive}body header{display:flex;justify-content:center;margin:20px}body header img{width:167px}body main{flex-grow:1}body footer{padding:15px;z-index:50}body footer ul{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;width:80%;list-style:none;margin:auto;padding:0}body footer ul li{margin:0 20px}body footer ul li a{display:inline-block}body footer ul li a:hover{color:#e21010;transition:0.2s;transform:scale(1.2)}body footer ul li img{height:30px}body footer ul li i{font-size:20px}a{text-decoration:none;color:#fff}.wrap{height:100%;width:100%;margin:auto;display:flex;align-items:start;justify-content:center}.game{transform-style:preserve-3d;display:flex;flex-wrap:wrap;height:55vh}.card{width:25%;padding:5px;text-align:center;display:block;position:relative;cursor:pointer;z-index:50;-webkit-tap-highlight-color:transparent;border-radius:100%}.card .inside{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#e21010;border:4px solid #fff;border-radius:10px;width:100%;height:100%;padding:45%;display:block;transform-style:preserve-3d;transition:.4s ease-in-out}.card .inside.picked,.card .inside.matched{transform:rotateY(180deg)}.card .inside.picked{background-color:#fff}.card .inside.matched{animation:1s matchAnim ease-in-out;animation-delay:.4s;background-color:#2EB933}.card .front,.card .back{display:flex;justify-content:center;align-items:center;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.card .front img,.card .back img{max-width:100%;display:block;margin:0 auto;max-height:100%}.card .front img:focus,.card .back img:focus{outline:0;-moz-outline-style:none}.card .front{transform:rotateY(-180deg)}.card .front img{max-width:94%}.card .back{transform:rotateX(0)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#323232}.modal{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;top:0;right:0;width:100%;height:100%;margin:0 auto;padding:30px 10px;text-align:center}.modal .winner{color:#fff;font-size:24px;font-weight:500;margin-bottom:0}.modal strong{color:#e21010;display:block;margin-top:10px;font-size:30px}.modal a{display:block;margin:10px 0;font-size:20px;color:#e21010;margin-top:0}.modal .msgtext{color:#fff;font-size:20px;font-weight:600;text-align:center;margin-top:0}.modal .highlight{color:#e21010;text-transform:capitalize;display:block;margin-bottom:15px;font-size:30px}.modal .envoie{display:block;margin-top:15px}.modal .restart{font-family:"Poppins", cursive;margin:30px auto;padding:20px 30px;display:block;font-size:30px;border:none;background:#4d4d4d;background:linear-gradient(#4d4d4d, #222);border:1px solid #222;border-radius:5px;color:#fff;text-shadow:0px 1px 0 black;cursor:pointer}.modal .restart:hover{background:linear-gradient(#222, #000)}@media only screen and (min-width: 768px){.game{height:65vh;width:50%}}@media only screen and (min-width: 1024px){.game{height:60vh;width:30%}}@media only screen and (min-width: 1920px){.game{height:65vh;width:20%}body footer{padding:15px;z-index:50}body footer ul{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;width:80%;list-style:none;margin:auto;padding:0}body footer ul li{margin:0 20px}body footer ul li img{height:60px}body footer ul li i{font-size:50px}}@media only screen and (min-width: 2560px){.game{height:75vh;width:25%}}
/*# sourceMappingURL=memory.css.map */