*{box-sizing:border-box}body{margin:0;padding:0}a{color:inherit;text-decoration:none}body{background-color:#000;color:#fff;font-family:"Source Sans Pro",sans-serif;font-size:16px}h1,h2,h3{font-family:"Source Serif Pro",serif}#menu-wrapper{position:absolute;top:1vh;left:2vw;z-index:9999;display:flex;width:35px;height:35px;flex-flow:column;align-items:center;justify-content:center;cursor:pointer}@media(min-width: 768px){#menu-wrapper{top:40px;left:40px}}#menu-wrapper.abierto .menu-icon{background-color:#000}#menu-wrapper.abierto .menu-icon::before{transform:rotateZ(45deg) translateY(9px) translateX(8px)}#menu-wrapper.abierto .menu-icon::after{transform:rotateZ(-45deg) translateY(-9px) translateX(8px)}.menu-icon{width:35px;height:3px;border-radius:.5rem;background-color:#fff;transition:.5s}.menu-icon::before{content:"";display:block;width:35px;height:3px;background-color:#fff;position:relative;top:-12px;border-radius:.5rem;transition:.5s}.menu-icon::after{content:"";display:block;width:35px;height:3px;background-color:#fff;position:relative;top:9px;border-radius:.5rem;transition:.5s}#menu-content{position:absolute;display:block;top:3rem;left:-1000px;opacity:0;transition:.5s;background:#000;padding:.3rem;padding-left:.6rem;z-index:999}#menu-content.visible{opacity:1;left:0}#menu-content ul{margin-left:0;padding-left:0}#menu-content ul li{list-style:none;font-size:3rem;cursor:pointer}.centrado{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.centrado h1.portada{text-align:center;font-size:3rem;text-shadow:0 0 10px #ffff1e;animation-name:colorines;animation-duration:15s;animation-iteration-count:infinite;animation-fill-mode:backwards}@keyframes colorines{0%{text-shadow:-7px 0px 30px #ffff1e}10%{text-shadow:-7px -7px 30px #ff8b1e}20%{text-shadow:7px -7px 30px #ff1e1e}30%{text-shadow:7px 7px 30px #7954fd}40%{text-shadow:-7px 7px 30px #1e87ff}50%{text-shadow:-7px -7px 30px #01d7f4}60%{text-shadow:7px -7px 30px #1effc3}70%{text-shadow:7px 7px 30px #00d35f}80%{text-shadow:-7px 7px 30px #29ff1e}100%{text-shadow:-7px 0px 30px #ffff1e}}#main{position:absolute;height:100vh;width:100vw;overflow:hidden;display:flex;flex-flow:column;align-items:center;justify-content:center}#main>*{margin:0;padding:0;box-sizing:border-box}#main .color-selectors{display:flex;gap:1rem;position:absolute;flex-flow:column;right:1rem}#main .color-selectors>span{position:relative;width:15px;height:15px;border-radius:50%;transition:all .5s;transform:translateX(0);cursor:pointer}#main .color-selectors>span:hover{transform:translateX(-5px)}#main .color-selectors .selector-blue{background:#00a2ff}#main .color-selectors .selector-blue:hover{box-shadow:0 0 .6rem .4rem #0071b3}#main .color-selectors .selector-red{background:red}#main .color-selectors .selector-red:hover{box-shadow:0 0 .6rem .4rem #b30000}#main .color-selectors .selector-orange{background:orange}#main .color-selectors .selector-orange:hover{box-shadow:0 0 .6rem .4rem #b37400}#main .color-selectors .selector-green{background:#35af35}#main .color-selectors .selector-green:hover{box-shadow:0 0 .6rem .4rem #237423}#main .color-selectors .selector-pink{background:#ff00f2}#main .color-selectors .selector-pink:hover{box-shadow:0 0 .6rem .4rem #b300a9}#main .content-container{position:absolute;width:85vw;min-width:300px;max-width:768px}#main .content-container>div{position:absolute;transform:translateY(150vh);opacity:0;overflow:hidden;padding:.5rem;max-height:65vh}#main .content-container>div img{width:40%;margin:.5rem;border-radius:50%;float:left;font-weight:bold;shape-outside:circle();box-shadow:0 0 200px rgba(0,162,255,.8),0 0 280px rgba(0,162,255,.6)}#main .content-container>div.unfold{overflow-y:auto;animation:unfold 1s linear forwards;animation-delay:.6s}#main .content-container>div::before{content:"";position:sticky;top:-9px;left:0;display:block;height:2rem;width:calc(100% + 1rem);background:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0))}@keyframes moveToCorner{0%{transform:translateX(0) translateY(0) scale(1)}100%{transform:translateX(38vw) translateY(-45vh) scale(0.45)}}@keyframes unfold{0%{transform:translateY(150vh);opacity:0}100%{transform:translateY(calc(-10vh - 50%));opacity:1}}.cube-container{position:absolute;transition:2s}.cube-container.move{animation:moveToCorner 1s linear;animation-fill-mode:forwards}.cube{position:relative;z-index:3;transform-style:preserve-3d;transform:rotateX(-30deg);animation:animate3dRotate 6s linear infinite}.cube div{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}.cube div span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer}.cube .tapa{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a0018}.cube .tapa::before{content:"";position:relative;display:block;top:0;left:0;background:#e600da;filter:blur(25px);box-shadow:0 0 120px rgba(255,0,242,.8),0 0 200px rgba(255,0,242,.6)}.cube:hover{animation-play-state:paused}.cube.pink div span{background:linear-gradient(#1a0018, rgb(255, 0, 242))}.cube.pink .tapa{background:#1a0018}.cube.pink .tapa::before{background:#e600da;box-shadow:0 0 120px rgba(255,0,242,.8),0 0 200px rgba(255,0,242,.6)}.cube.blue div span{background:linear-gradient(#00101a, rgb(0, 162, 255))}.cube.blue .tapa{background:#00101a}.cube.blue .tapa::before{background:#0092e6;box-shadow:0 0 120px rgba(0,162,255,.8),0 0 200px rgba(0,162,255,.6)}.cube.green div span{background:linear-gradient(black, rgb(53, 175, 53))}.cube.green .tapa{background:#020702}.cube.green .tapa::before{background:#2f9b2f;box-shadow:0 0 120px rgba(53,175,53,.8),0 0 200px rgba(53,175,53,.6)}.cube.red div span{background:linear-gradient(#1a0000, red)}.cube.red .tapa{background:#1a0000}.cube.red .tapa::before{background:#e60000;box-shadow:0 0 120px rgba(255,0,0,.8),0 0 200px rgba(255,0,0,.6)}.cube.orange div span{background:linear-gradient(#1a1100, orange)}.cube.orange .tapa{background:#1a1100}.cube.orange .tapa::before{background:#e69500;box-shadow:0 0 120px rgba(255,165,0,.8),0 0 200px rgba(255,165,0,.6)}.cube.xl{width:150px;height:150px}.cube.xl div span:nth-of-type(1){transform:rotateY(0deg) translateZ(75px)}.cube.xl div span:nth-of-type(2){transform:rotateY(90deg) translateZ(75px)}.cube.xl div span:nth-of-type(3){transform:rotateY(180deg) translateZ(75px)}.cube.xl div span:nth-of-type(4){transform:rotateY(270deg) translateZ(75px)}.cube.xl .tapa{transform:rotateX(90deg) translateZ(75px)}.cube.xl .tapa::before{width:150px;height:150px;transform:translateZ(-175px)}@keyframes animate3dRotate{0%{transform:rotateX(-30deg) rotateY(360deg)}100%{transform:rotateX(-30deg) rotateY(0deg)}}/*# sourceMappingURL=theme.min.css.map */