@import url(https://fonts.googleapis.com/css2?family=DotGothic16&family=Roboto&family=Space+Mono&display=swap);body{font-family:DotGothic16,sans-serif,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0}#root,body{--d:2500ms;--angle:90deg;--gradX:100%;--gradY:50%;--c1:#707ea8;--c2:#b03249;background-color:#2e028d;font-size:.875rem;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}.confetto{left:50%;position:absolute;top:40%}.gameboard{border:7px solid #f8eaaf;height:100vh;width:100vw}.banner{display:flex;height:11%;justify-content:center;margin-bottom:.4rem;padding:.5rem;width:100vw}.iconic{background-color:#f8eaaf;border:3px solid #c46404;border-radius:2px;box-shadow:5px 3px 2px #000;cursor:pointer;height:2.3rem;margin:1rem;padding:2px 5px 4px;width:6rem}.iconic:last-child{padding:0 4px 6px}.iconic p{color:#2e028d;font-family:DotGothic16,sans-serif;font-size:1.4rem}.icon{color:#2e028d;font-size:1.6rem}@media screen and (min-width:650px){.gameboard{border:10px solid #f8eaaf}.banner{height:16%;padding:.5rem 1rem;width:100vw}.iconic{height:2.7rem;letter-spacing:1px;margin:1rem;padding:2px 5px 4px;width:8rem}.iconic p{color:#2e028d;font-size:1.6rem;font-weight:600}.icon{color:#2e028d;font-size:2rem}}@media screen and (min-width:1400px){.banner{height:18%;padding:1rem}}.toad{height:120px;left:-150px;opacity:1;position:absolute;top:280px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .35s ease-in;width:120px;z-index:10}.toad-victory{-webkit-transform:translate(120px) rotate(36deg);transform:translate(120px) rotate(36deg)}.vicmsg{background-color:#2e028d;border-radius:20%;color:#f8eaaf;font-size:2rem;font-weight:500;height:40px;left:-180px;opacity:1;position:absolute;top:230px;-webkit-transform:translateX(0);transform:translateX(0);width:150px;z-index:10}@media screen and (min-width:650px){.toad{height:150px;width:150px}.toad-victory{-webkit-transform:translate(110px) rotate(36deg);transform:translate(110px) rotate(36deg)}.vicmsg{transition:all .45s ease-in}.vicmsg-transition{-webkit-transform:translate(200px);transform:translate(200px)}}@media screen and (min-width:960px){.vicmsg-transition{-webkit-transform:translate(240px);transform:translate(240px)}}@media screen and (min-width:1200px){.vicmsg{background-color:initial}}.memory-game{display:flex;flex-wrap:wrap;gap:14px;height:450px;justify-content:center;margin:auto;-webkit-perspective:1000px;perspective:1000px;width:100%}.card-game{background-color:initial;border-radius:6px;cursor:pointer;height:75px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:.35s;width:62px}.card,.card-game img{height:100%;width:100%}.card{backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid whiste;position:absolute;:hover{border-radius:2px;outline:10px ridge red;outline-offset:6px}}.inner{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.no-shadow{-moz-box-shadow-:5px 3px 3px #000;-webkit-box-shadow:5px 3px 3px #000;box-shadow:5px 3px 3px #000}.back-face,.flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.back-face{-moz-box-shadow-:5px 3px 3px #000;background-color:initial;-webkit-box-shadow:5px 3px 3px #000;box-shadow:5px 3px 3px #000}@media screen and (min-width:650px){.memory-game{gap:22px;height:500px;-webkit-perspective:1000px;perspective:1000px;width:630px}.card-game{border-radius:6px;height:110px;width:82px}.back-face,.no-shadow{-moz-box-shadow-:10px 5px 5px;-webkit-box-shadow:10px 5px 5px;box-shadow:10px 5px 5px #000}}@media screen and (min-width:960px){.memory-game{gap:25px;height:500px;width:720px}.card-game{height:120px;width:90px}}@media screen and (min-width:1400px){.memory-game{gap:40px;height:650px;width:860px}}@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}@property --gradX{syntax:"<percentage>";initial-value:50%;inherits:true}@property --gradY{syntax:"<percentage>";initial-value:0;inherits:true}.gamewon{-webkit-animation:borderRotate var(--d) linear infinite forwards;animation:borderRotate var(--d) linear infinite forwards;border:7px solid;border-image:conic-gradient(from var(--angle),var(--c2),var(--c1) 36deg,var(--c1) 54deg,var(--c2) 90deg) 30;transition:.3s}@-webkit-keyframes borderRotate{to{--angle:420deg}}@keyframes borderRotate{to{--angle:420deg}}@-webkit-keyframes borderRadial{20%{--gradX:100%;--gradY:50%}40%{--gradX:100%;--gradY:100%}60%{--gradX:50%;--gradY:100%}80%{--gradX:0%;--gradY:50%}to{--gradX:50%;--gradY:0%}}@keyframes borderRadial{20%{--gradX:100%;--gradY:50%}40%{--gradX:100%;--gradY:100%}60%{--gradX:50%;--gradY:100%}80%{--gradX:0%;--gradY:50%}to{--gradX:50%;--gradY:0%}}
/*# sourceMappingURL=main.5168dcb5.css.map*/