.header{display:flex;font-family:Fredoka One,sans-serif;justify-content:center;align-items:center;height:100px;background-color:#f4f4f4;color:#ff8200;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 4px #0000004d}.header h1{margin:0;font-size:2.5em;font-family:Fredoka One,sans-serif;color:#ff8200}.header a{text-decoration:none;color:inherit}.header a:hover{color:#e4e4e4}.header h1:after{display:none}#metamask-login{box-shadow:2px 2px 5px #0000004d;font-family:Fredoka One,sans-serif;position:fixed;top:115px;right:20px;background-color:#f4f4f4;padding:10px 20px;cursor:pointer;outline:none;border:none;border-radius:50px;font-size:16px;color:#ff8200;transition:background-color .3s;z-index:12}#metamask-login:hover{background-color:#e4e4e4}@media (max-width: 600px){#metamask-login{font-size:15px;padding:8px 15px;top:115px;right:15px}}.footer{width:100%;text-align:center;position:relative}.footer-line{border:none;height:3px;background-color:#f4f4f4}.footer-links{margin-bottom:10px;margin-top:15px}.footer-links a{margin:20px 15px;font-size:.8em;color:#f4f4f4;text-decoration:none;font-family:Fredoka One,cursive}.footer p{font-size:.8em;color:#f4f4f4;font-family:Fredoka One,cursive;margin-top:10px}.footer-links :hover{color:#e4e4e4}.footer-icons{display:flex;justify-content:center;gap:15px}.footer-icons .icon{color:#f4f4f4;text-decoration:none;font-size:1.5em}.footer-icons .icon:hover{color:#e4e4e4}@media (max-width: 600px){.footer-links{display:flex;flex-direction:column;align-items:center}.footer-links a{margin:5px 0}.footer-icons{margin-top:-5px;flex-wrap:wrap;gap:10px}}p{font-family:Fredoka One,sans-serif;color:#f4f4f4;font-size:16px;margin-top:-10px}main{margin:100px}main h1{font-family:Fredoka One,sans-serif;color:#f4f4f4;font-size:20px}main-content h1{font-family:Fredoka One,sans-serif;color:#f4f4f4;font-size:20px}h1{font-family:Fredoka One,sans-serif;color:#f4f4f4;font-size:20px}.main-content{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}.bho{margin-top:50px;display:flex;flex-direction:column;align-items:center}.card-container{perspective:1000px;position:relative}.card{width:250px;height:250px;position:relative;transform-style:preserve-3d;cursor:pointer}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.card .side{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-size:cover;border-radius:50px}.card .front{background-image:url(https://www.wobblecatz.com/immagini/NFT/mimettonero.png);background-position:center;background-repeat:no-repeat}.card .back{background-image:url(https://www.wobblecatz.com/immagini/NFT/mimettobianco.png);background-position:center;background-repeat:no-repeat;transform:rotateY(180deg)}.card.flipped .card-inner{transform:rotateY(180deg)}.form-container{margin-bottom:20px;margin-top:-10px;height:150px;width:300px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative}.klaviyo-form-RGpxtp{width:100%;position:absolute}.klaviyo-form-RGpxtp button.needsclick{font-weight:700!important;font-family:Fredoka One,sans-serif!important;font-size:16px!important;padding:0 5px!important}.click-me-overlay{position:absolute;left:22px;top:-15px;display:flex;flex-direction:column;align-items:center;animation:blink 2s infinite;cursor:pointer}.click-me-overlay .circle{width:200px;height:200px;border:3px dashed #f4f4f4;border-radius:50%;animation:pulse 2s infinite}.click-me-overlay .text{font-family:Fredoka One,sans-serif;color:#f4f4f4;font-size:20px;margin-bottom:10px;animation:fadeInOut 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:0}}.image-container-wrapper{width:100%;overflow:hidden}.image-container{display:flex;width:4800;height:200px;margin-bottom:20px;transform:translateY(0);animation:slide 50s linear infinite;position:relative;z-index:1}.image{width:200px;height:200px;background-size:cover;background-position:center;margin:0}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-2400px)}}h1{font-family:Fredoka One,sans-serif;font-size:40px;margin-bottom:20px;text-align:center;color:#f4f4f4;position:relative}h1:after{content:"";width:100px;height:5px;background-color:#f4f4f4;display:block;margin:5px auto 0;border-radius:2.5px}.roadmap{position:relative;max-width:1000px;margin:0 auto;padding:40px 20px 20px}.roadmap-line{position:absolute;top:140px;left:50%;transform:translate(-50%);border-left:3px dashed #f4f4f4;z-index:0;height:0}.roadmap-row{width:100%;display:flex;align-items:center;position:relative;margin:40px 0;opacity:0;transform:translateY(50px);transition:all .6s ease-out}.roadmap-row.visible{opacity:1;transform:translateY(0)}.roadmap-item{width:50%;position:relative}.roadmap-item.left{display:flex;justify-content:flex-end;padding-right:30px}.roadmap-item.right{display:flex;justify-content:flex-start;padding-left:30px}.roadmap-item.center{display:none}.roadmap-item.left .roadmap-content{text-align:right}.roadmap-item.right .roadmap-content{text-align:left}.roadmap-content{background-color:#f4f4f4;color:#ff8200;padding:20px 30px;border-radius:30px;width:70%;position:relative}.roadmap-content h3{margin-bottom:-3px;font-family:Fredoka One,sans-serif;margin-top:0;font-size:25px;color:#ff8200}.roadmap-content p{color:#ff8200;margin:10px 0 0;font-size:16px;line-height:1.5}.connection-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background-color:#f4f4f4;border-radius:50%;z-index:1}.roadmap-item.left:after,.roadmap-item.right:after{content:"";position:absolute;top:49%;width:50px;height:3px;background:#f4f4f4;z-index:1}.roadmap-item.left:after{right:0%}.roadmap-item.right:after{left:0%}.roadmap-item.left.empty:after,.roadmap-item.right.empty:after,.roadmap-item.left:empty:after,.roadmap-item.right:empty:after{display:none}@media screen and (max-width: 600px){.roadmap-line{left:50%;transform:translate(-50%)}.roadmap-row{flex-direction:column;align-items:center;margin:30px 0}.roadmap-item.left,.roadmap-item.right{display:none}.roadmap-item.center{display:flex;justify-content:center;width:100%;padding:0}.roadmap-content{width:80%;text-align:center}.roadmap-point{display:none}}#root{width:100%;max-width:none;margin:0;padding:120px 0 0;text-align:center}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
