body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#8a2387;background:-webkit-linear-gradient(90deg,#f27121,#e94057,#8a2387);background:-webkit-gradient(linear,left top,right top,from(#f27121),color-stop(#e94057),to(#8a2387));background:-webkit-linear-gradient(left,#f27121,#e94057,#8a2387);background:linear-gradient(90deg,#f27121,#e94057,#8a2387);font-family:Nunito,sans-serif}div:focus{outline:none!important}header{height:60px;display:flex;justify-content:space-around;align-items:center}.fa-puzzle-piece{margin-right:10px;font-size:1.5rem}.titulo{color:#fff;font-size:1.3rem;padding:10px;border-bottom:1px solid #845ec2}.boton-reiniciar{position:absolute;left:190px;top:100px;padding:12px 40px;background-color:#845ec2;border:none;cursor:pointer;-webkit-transition:.4s ease;transition:.4s ease;border-radius:2px;color:#fff}.boton-reiniciar:hover{background-color:#663caa}.tablero{display:flex;flex-wrap:wrap;width:300px;justify-content:space-between;margin:120px auto 0}@media (min-width:768px){.tablero{margin-top:110px;width:490px;height:1200px;justify-content:space-around}}@media (min-width:1024px){.tablero{margin-top:110px;width:700px;height:600px;justify-content:space-around}}.carta{margin-bottom:30px;width:125px;height:125px;-webkit-perspective:1000px;perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.rotate{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.contenido,.portada{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:125px;height:125px;background-color:#d65db1;border:2px solid #d153ab}.contenido{display:flex;justify-content:center;align-items:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
/*# sourceMappingURL=main.76fd7dc6.chunk.css.map */