*{margin:0;padding:0;box-sizing:border-box}:root{--green:#51da4c;--black:#0101;--violet:#8d48e2}body{background:#29044c}.container{position:relative;width:50vw;height:100vh;margin:0 222px 0 auto}.horizontal.short{width:235px;height:56px;border-radius:28px;opacity:.9}.vertical.short{width:56px;height:235px;border-radius:28px;opacity:.9}.horizontal.medium{width:343px;height:56px;border-radius:28px;opacity:.9}.vertical.medium{width:56px;height:325px;border-radius:28px;opacity:.9}.horizontal.long{width:435px;height:56px;border-radius:28px;opacity:.9}.vertical.long{width:56px;height:435px;border-radius:28px;opacity:.9}.horizontal.special{width:255px;height:56px;border-radius:28px;opacity:.9}.vertical.special{width:56px;height:420px;border-radius:28px;opacity:.9}.free{position:absolute}.uno{left:104px;bottom:774px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.dos{z-index:6;left:194px;bottom:595px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.tres{z-index:5;left:104px;bottom:595px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.cuatro{left:104px;bottom:505px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.cinco{z-index:4;left:284px;bottom:415px;background:linear-gradient(180deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.seis{left:194px;bottom:505px;background:linear-gradient(90deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.siete{z-index:3;left:194px;bottom:415px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.ocho{z-index:2;left:194px;bottom:145px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.nueve{left:104px;bottom:235px;background:linear-gradient(180deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.diez{z-index:1;left:104px;bottom:325px;background:linear-gradient(90deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.once{left:104px;bottom:145px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.doce{left:284px;bottom:145px;background:linear-gradient(180deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.trece{z-index:2;left:374px;bottom:595px;background:linear-gradient(180deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.catorce{z-index:1;left:374px;bottom:595px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.quince{left:481px;bottom:235px;background:linear-gradient(180deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.dieciseis{left:481px;bottom:505px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.diecisiete{left:374px;bottom:145px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.dieciocho{z-index:1;left:374px;bottom:145px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.diecinueve{left:574px;bottom:145px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.veinte{z-index:2;left:754px;bottom:145px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.veintiuno{z-index:1;left:574px;bottom:324px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.veintidos{left:661px;bottom:235px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.veintitres{left:754px;bottom:410px;background:linear-gradient(180deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.veinticuatro{z-index:1;left:575px;bottom:774px;background:linear-gradient(90deg,var(--violet) 17%,var(--green) 40%,var(--violet) 47%,var(--black) 50%,var(--violet) 100%)}.veinticinco{z-index:1;left:574px;bottom:505px;background:linear-gradient(90deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.veintiseis{left:574px;bottom:505px;background:linear-gradient(180deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.veintisiete{z-index:2;left:661px;bottom:595px;background:linear-gradient(180deg,var(--violet) 5%,var(--black) 50%,var(--violet) 95%,var(--violet) 100%)}.veintiocho{left:481px;bottom:774px;background:linear-gradient(90deg,var(--green) 5%,var(--black) 50%,var(--green) 95%,var(--green) 100%)}.ruby{position:absolute;top:20vh;left:60px;width:555px}.title{position:absolute;bottom:50px;left:222px;color:azure;width:-webkit-fill-available;text-align:-webkit-center}@media (max-height:870px){.container{transform:scale(.8)}}@media (max-height:790px){.container{transform:scale(.6);top:111px}}@media (max-height:600px){.container{transform:scale(.4)}}@media (max-width:1730px){.container{transform:scale(.6);margin:calc(60vh - 400px) 0 0 calc(50vw - 300px)}.ruby{width:333px}}@media (max-width:1200px){.container{transform:scale(.6);top:50px}.ruby{display:none}.title{left:0}}@media (max-width:500px){.container{transform:scale(.5);left:20px}.title{font-size:.8rem}}