@import url(https://fonts.googleapis.com/css2?family=Barlow&family=Poppins:wght@300&display=swap);#root{--primary-color:#d1bd8f;--secondary-color:#1d1c22}*{box-sizing:border-box;margin:0;padding:0}html body{-webkit-animation:changer .5s ease-in-out infinite;animation:changer .5s ease-in-out infinite;background-color:#485461;background-image:linear-gradient(90deg,#1d1c22 50%,#d1bd8f 0);transition:all .5s}.App{align-items:center;display:flex;flex-direction:column;font-family:Barlow,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.card-wrapper{grid-gap:5px;color:#fff;display:grid;grid-template-columns:80px 80px 80px 80px;grid-template-rows:80px 80px 80px 80px 80px}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2d2c33;border:1px solid var(--primary-color);border-radius:5px;color:#faebd7;font-size:2rem;height:80px;position:absolute;transition:all .4s ease-in-out;width:80px}.card-back{-webkit-transform:perspective(600px) rotateY(180deg);transform:perspective(600px) rotateY(180deg)}.card-front{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}.card-back-on,.card-front-on{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2d2c33;border:1px solid var(--primary-color);border-radius:5px;color:#faebd7;font-size:2rem;height:80px;position:absolute;-webkit-transform:perspective(600px) rotateY(-180deg);transform:perspective(600px) rotateY(-180deg);transition:all .4s ease-in-out;width:80px}.card-back-on{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}.png{height:75px;width:75px}.won{align-items:center;background-color:#2d2c33;border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);display:flex;flex-direction:column;height:400px;justify-content:center;overflow:hidden;position:relative;width:330px}.won-background{opacity:50%;position:absolute;right:-50%}.won>h2{position:absolute;top:10%}.card-clicks{background-color:#2d2c33;border:.5px solid #d1bd8f;border-radius:10px;font-size:6rem;margin:10px;opacity:90%;padding:20px;position:relative}.card-clicks:before{content:"You Completed in";left:12%;top:-5%}.card-clicks:after,.card-clicks:before{background-color:#2d2c33;font-size:12px;position:absolute}.card-clicks:after{bottom:-5%;content:"Flips";left:40%}.won>button{background-color:#d1bd8f;border-radius:30px;bottom:15%;font-family:Barlow,sans-serif;padding:5px 15px;position:absolute}.nav-bar{align-items:center;background-color:var(--primary-color);background-image:linear-gradient(90deg,#d1bd8f 50%,#1d1c22 0);border-radius:20px;color:var(--secondary-color);display:flex;height:6%;justify-content:space-around;position:absolute;top:2%;width:80%}.nav-bar>h2{margin-left:10px}.nav-bar>button{background-color:var(--primary-color);border-radius:30px;color:var(--secondary-color);font-family:Barlow;margin-right:10px;padding:2.5px 7.5px}
/*# sourceMappingURL=main.fd256075.css.map*/