body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;height:100%;margin:0}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:DM Sans,sans-serif}b{font-weight:700}.no-pointer{pointer-events:none!important}body{background-position:50%;background-repeat:no-repeat;background-size:cover}.board{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#root,.App{height:100%}.board-item-outer{height:25%;width:25%}.board-item-inner{-webkit-perspective:100vw;perspective:100vw}.board-item,.board-item-inner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.board-item{background:#fff;border:2px solid #afafaf;border-radius:10%;cursor:pointer;height:100%;position:relative;transition:.3s ease-in-out;width:100%}.board-item.retro{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;height:auto;left:0;position:absolute;right:0;top:0;-webkit-transform:translateZ(-1px) rotateY(-180deg);transform:translateZ(-1px) rotateY(-180deg);width:auto}.board-inner{display:flex;flex-wrap:wrap;height:100%}.text{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border:4px solid;bottom:7%;color:#fff;display:flex;font-size:.9rem;font-weight:700;justify-content:center;left:7%;padding:3%;position:absolute;right:7%;top:7%}.red{background-color:#cb3034;border-color:#cb3034}.yellow{background-color:#f3cd4c;border-color:#f3cd4c}.green{background-color:#6dae47;border-color:#6dae47}.blue{background-color:#4586c4;border-color:#4586c4}.text.square{border-radius:10%}.text.round{border-radius:50%}.buttons{position:fixed}.board{margin:0 auto}.logo{left:50%;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.buttons button{background-color:#dc102a;border:3px solid #fff;border-radius:7px;box-shadow:5px 5px 0 0 #fff;margin-left:20px;outline:none;padding:14px;position:relative;z-index:9}.win{height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.buttons button.active{background-color:#fff;box-shadow:5px 5px 0 0 #dc102a}*{outline:none!important}.buttons button img{width:40px}.gioca{background:#f9cb1a;border:5px solid #fff;border-radius:10px;bottom:15%;box-shadow:17px 16px 0 0 #fff;color:#fff;font-size:4vh;left:50%;outline:none!important;padding:1vh 18vw;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (orientation:landscape){.buttons{right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (orientation:portrait){.buttons{bottom:40px;right:40px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.6e684c30.css.map*/