@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap";.webgl{position:fixed;top:0;left:0;outline:none}html,body{position:relative;margin:0;width:100%;height:100%;overflow:hidden}#labelPreparando{font-family:Quicksand,sans-serif;font-size:12px}.botones:hover{background-color:#2a2a2a}.botones{box-shadow:inset 0 1px #444;background-color:#414141;border-radius:6px;border:1px solid #5e5e5e;display:inline-block;cursor:pointer;color:#d8d8d8;font-size:12px;font-weight:700;text-decoration:none;font-family:Quicksand,sans-serif;height:30px;line-height:30px;overflow:hidden;padding:0 6px;pointer-events:auto;z-index:9;border:0;position:absolute;right:20px;width:150px}.botonesInicio{margin-left:-75px!important}.inputNameLabel{color:#d8d8d8;font-size:20px;font-weight:700;font-family:Quicksand,sans-serif;position:absolute;line-height:40px;top:30%;text-align:center}.inputName{background-color:#2a2a2a;border-radius:6px;border:1px solid #dfdfdf;color:#d8d8d8;font-size:20px;font-family:Quicksand,sans-serif;height:25px;line-height:20px;padding:0 10px;pointer-events:auto;z-index:9;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.botonSmall{box-shadow:inset 0 1px #444;background-color:#1a1a1a;border-radius:6px;border:1px solid #5e5e5e;color:#d8d8d8;font-size:10px;font-weight:700;text-decoration:none;font-family:Quicksand,sans-serif;position:absolute;bottom:40%;z-index:9;left:50%;transform:translate(-50%);font-size:.8rem;margin-top:1rem;padding:.2rem .5rem;cursor:pointer}.logo{position:absolute;bottom:10px;left:10px;opacity:1}.lamanita{position:absolute;width:30px;top:20px;right:20px;opacity:.7}.iconoMano{width:50px;position:absolute;left:47%;bottom:50%;z-index:9;opacity:0%}.texto-mucho{font-family:Quicksand,sans-serif;font-size:45px;font-weight:500;color:#fff;position:absolute;line-height:40px;bottom:-200px;text-align:center;opacity:80%}.texto-toca{font-family:Quicksand,sans-serif;font-size:40px;font-weight:800;color:#fff;position:absolute;top:-200px;text-align:center;opacity:80%}.texto-copy{font-family:Inter,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;font-size:10px;color:#bbb;position:absolute;bottom:10px;text-align:right}a.texto-copy{font-family:Inter,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;font-size:11px;color:#fff;position:absolute;bottom:10px;text-align:right;opacity:50%;z-index:100000}.textoSound{background-color:initial;display:inline-block;font-family:Quicksand,sans-serif;font-size:20px;pointer-events:auto;position:fixed;top:20px;left:20px;width:100%;z-index:9;border:0;color:#fff;text-shadow:0px 5px 5px #000000}.textoNombre{display:inline-block;font-family:Guardian;font-size:30px;pointer-events:auto;position:fixed;width:100%;z-index:9;color:#fff;text-shadow:0px 5px 5px #000000}.textoFrase{display:inline-block;font-family:Guardian;font-size:25px;position:fixed;text-align:right;width:100%;z-index:9;color:#fff;text-shadow:0px 5px 5px #000000}label{font-family:Quicksand,sans-serif;color:#fff;display:inline-block;outline:0;overflow:hidden;pointer-events:auto;position:fixed;top:30%;text-align:center;width:100%;z-index:9;border:0;font-size:3.2vw;align-items:0,auto}#loading-bar{position:absolute;top:65%;width:100%;height:1px;background:#ff3d00;transform:scaleX(0);transition:transform .5s;will-change:transform}#loading-bar.ended{transform-origin:top right;transition:transform 1.5s ease-in-out}#loading-screen{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;transition:1s opacity}#loading-screen.fade-out{opacity:0}#loader{top:45%;width:175px;height:80px;display:block;margin:auto;background-image:radial-gradient(circle 25px at 25px 25px,#FFF 100%,transparent 0),radial-gradient(circle 50px at 50px 50px,#FFF 100%,transparent 0),radial-gradient(circle 25px at 25px 25px,#FFF 100%,transparent 0),linear-gradient(#FFF 50px,transparent 0);background-size:50px 50px,100px 76px,50px 50px,120px 40px;background-position:0px 30px,37px 0px,122px 30px,25px 40px;background-repeat:no-repeat;position:relative;box-sizing:border-box}#loader:before{content:"";left:60px;bottom:18px;position:absolute;width:36px;height:36px;border-radius:50%;background-color:#ff3d00;background-image:radial-gradient(circle 8px at 18px 18px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 18px 0px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 0px 18px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 36px 18px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 18px 36px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 30px 30px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 5px 30px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 5px 5px,#FFF 100%,transparent 0);background-repeat:no-repeat;box-sizing:border-box;animation:rotationBack 3s linear infinite}#loader:after{content:"";left:94px;bottom:15px;position:absolute;width:24px;height:24px;border-radius:50%;background-color:#ff3d00;background-image:radial-gradient(circle 5px at 12px 12px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 12px 0px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 0px 12px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 24px 12px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 12px 24px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 20px 20px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 3px 20px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 3px 3px,#FFF 100%,transparent 0);background-repeat:no-repeat;box-sizing:border-box;animation:rotationBack 4s linear infinite reverse}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}