@font-face{font-family:app-global-font;src:url("./media/Orbitron-VariableFont_wght-6Z27IYBO.ttf")}@font-face{font-family:app-handwritten-font;src:url("./media/DeliciousHandrawn-Regular-W3C6NMCV.ttf")}@font-face{font-family:app-msdos;src:url("./media/Silkscreen-Regular-6X6PS3GE.ttf")}:root{--background-color-error-window: rgba(29, 29, 29, .95);--background-color-input: rgba(228, 228, 228, 1);--background-black: rgba(14, 13, 13, .95);--background-modal: rgba(1, 1, 3, 1);--icon-color-hover: rgb(128, 128, 128);--icon-shadow: rgba(12, 12, 12, .5);--box-shadow: rgba(12, 12, 12, .8);--body-background-color: rgba(34, 34, 34, 1);--header-color: rgb(216, 216, 216);--border-color: rgba(85, 84, 84, 1);--border-color-focus: rgba(243,17,86, .8);--color-cubes: rgba(243,17,86, .6);--border-card: rgb(34, 34, 34);--background-black: rgb(0, 0, 0);--gradient-black: rgb(0, 0, 0);--gradient-semi-black: rgb(12, 11, 11);--color-succes: rgba(0, 128, 0, .8);--color-error: rgba(255, 0, 0, .8);--color-streak: rgba(255, 215, 0, .8);--color-golden: rgba(215, 215, 0, .8);--color-silver: rgba(192, 192, 192, .8);--color-bronze: rgba(205, 127, 50, .8);--color-monitor-on: rgba(46, 46, 46, 1);--credits-cards-background-color: rgba(34, 34, 34, .8)}*{margin:0;padding:0;box-sizing:border-box;font-family:app-global-font}::selection{background-color:var(--color-cubes-menu)}::-moz-selection{background-color:var(--color-cubes-menu)}html,body{scrollbar-width:none;-ms-overflow-style:none}body{opacity:0;background-color:var(--body-background-color);transition:opacity .4s;position:relative;padding:0!important;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}nav{padding:20px 10px!important}main{overflow:hidden}.page-loader{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--body-background-color);position:absolute;top:0;left:0}.error-window{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;padding:10px;text-align:center;background-color:var(--background-color-error-window);border-radius:5px;position:fixed;top:0;left:0;z-index:1035}.error-window>p{font-size:1.6rem;letter-spacing:3px;color:var(--header-color);margin:0}@media screen and (max-width: 800px){.error-window>p{font-size:1.2rem}}@media screen and (max-width: 500px){.error-window>p{font-size:1rem}}.error-window>.button-confirm{color:var(--header-color);font-size:1.2rem;letter-spacing:2px;border-radius:3px;background-color:var(--border-color);padding:11px 20px;cursor:pointer;transition:all .4s}.error-window>.button-confirm:hover{background-color:var(--border-color-focus)}.error-window>i{font-size:2.5rem;color:var(--header-color);position:absolute;right:10px;top:8px;transition:all .2s;cursor:pointer}.error-window>i:hover{color:var(--border-color-focus)}.happy,.classic,.epic,.fantasy,.fear,.futuristic,.metal,.pop,.rock{position:fixed;bottom:-120px;transition:ease-out 4s,opacity 1.5s ease-out;opacity:1;animation:animacion-cube 5s linear infinite;z-index:-1}.happy{border-radius:8px;background-color:var(--color-cubes)}.fantasy{border-radius:50%;background-color:var(--color-cubes)}@keyframes animacion-cube{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-page-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;flex-direction:column;gap:25px}.section-page-container>h1{font-size:2.8rem;text-align:center;letter-spacing:3px;color:var(--header-color);padding-top:80px;border-radius:5px;position:absolute;top:0}@media screen and (max-width: 500px){.section-page-container>h1{font-size:2.3rem}}.infoh1{font-size:2.2rem;padding-left:20px;cursor:pointer;transition:all .4s}.infoh1:hover{color:var(--border-color-focus)}.heightauto{height:auto;padding:200px 20px 40px}.noise{position:fixed;z-index:100036;top:-300%;left:-150%;height:600%;width:600%;-webkit-animation:noise 7s steps(10) infinite;animation:noise 7s steps(10) infinite;background-image:url("./media/noise-YZCPKMOA.png");background-size:200px;background-repeat:repeat;opacity:.25;pointer-events:none}@-webkit-keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.results-screen{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;font-size:1.5rem;color:var(--background-color-input);letter-spacing:2px;background-color:var(--background-black);z-index:1030}.results-screen img{width:350px;background-color:var(--background-black);border-radius:10px;border:5px solid var(--border-color-focus);margin-bottom:40px;filter:drop-shadow(0px 0px 30px var(--border-color-focus))}@media screen and (max-width: 500px){.results-screen img{width:300px}}@media screen and (max-width: 375px){.results-screen img{width:250px}}.results-screen p{display:none}.results-screen p:not(:last-of-type){width:500px;border-radius:5px;padding:11px 20px;transition:all .3s;background:linear-gradient(to right,var(--gradient-semi-black),var(--gradient-semi-black));border-left:5px solid var(--border-color-focus);border-right:5px solid var(--border-color-focus);justify-content:center}@media screen and (max-width: 500px){.results-screen p:not(:last-of-type){width:95%;font-size:1rem}}@media screen and (max-width: 375px){.results-screen p:not(:last-of-type){font-size:.8rem}}.results-screen p:last-of-type{filter:drop-shadow(0px 0px 20px var(--border-color))}@media screen and (max-width: 500px){.results-screen p:last-of-type{width:95%}}@media screen and (max-width: 500px){.results-screen p:last-of-type>a{width:100%;text-align:center;font-size:1rem}}@keyframes button-animation{0%{filter:drop-shadow(0px 0px 20px var(--border-color))}50%{filter:drop-shadow(0px 0px 0px var(--border-color))}to{filter:drop-shadow(0px 0px 20px var(--border-color))}}.show-results{display:flex!important}.info,.multiplier{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:absolute;top:49%;left:49%;font-size:15rem;text-shadow:5px 5px 10px var(--background-black);z-index:100000;pointer-events:none}@media screen and (max-width: 900px){.info,.multiplier{font-size:10rem}}@media screen and (max-width: 550px){.info,.multiplier{top:55%;left:40%}}@media screen and (max-width: 450px){.info,.multiplier{font-size:9rem;top:50%;left:36.5%}}@media screen and (max-width: 360px){.info,.multiplier{font-size:8rem;top:47%;left:36.5%}}.multiplier{color:var(--color-streak)}.global-button{color:var(--header-color);font-size:1.2rem;font-weight:700;letter-spacing:2px;border-radius:3px;background-color:var(--border-color);padding:11px 20px;margin-top:20px;cursor:pointer;transition:all .4s;text-decoration:none}.global-button:hover{background-color:var(--border-color-focus)}.interference{width:100%;height:100dvh;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:1}.mad-computer{position:absolute;top:calc(50% - 250px);left:calc(50% - 193.25px);z-index:10002;opacity:1;pointer-events:none;animation:animationMadComputer linear 2s;opacity:0;transition:opacity .4s;filter:drop-shadow(0px 0px 30px var(--background-black))}@media screen and (max-width: 550px){.mad-computer{left:calc(50% - 250px);animation:animationMadComputerMobile linear 2s}}@keyframes animationMadComputer{0%{opacity:1;transform:scale(0)}to{transform:scale(10)}}@keyframes animationMadComputerMobile{0%{opacity:1;transform:scale(0)}to{transform:scale(5)}}.modalInfo{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background-color:var(--background-modal);position:absolute;top:0;left:0;z-index:100001}.modalInfo p{font-size:1.2rem;color:var(--border-color-focus);margin:20px}.modalInfo img{width:28%}@keyframes animationMobile600{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(-20px)}60%{transform:translate(25px)}80%{transform:translate(25px)}to{transform:translate(0)}}