@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap";
@font-face{font-family:DS-Digital;src:url(/fonts/DS-DIGII.TTF)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;font-family:Rajdhani,sans-serif}.App{background-color:#131313;background-position:50%;background-repeat:repeat;background-size:cover;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:0;padding-bottom:80px;display:flex}.Main{flex-direction:column;align-items:center;width:80%;min-height:100vh;padding-top:0;display:flex}.store-disabled{background-color:#181818;overflow:hidden}.store-disabled-gif{width:100%;height:auto;min-height:30px}@media (max-width:768px){.store-disabled-gif{width:200%}}
.footer-container{background-color:#181818;border:2px solid #d9d9d9;border-bottom-width:1px;width:100%;height:280px;display:flex}.footer-newsletter-container{align-items:space-between;border-right:2px solid #d9d9d9;flex-direction:column;justify-content:space-between;width:33.3%;height:100%;padding:20px;display:flex}.footer-brand-container{border-right:2px solid #d9d9d9;justify-content:center;align-items:center;width:33.3%;height:100%;padding:20px;display:flex}.footer-terms-container{flex-direction:column;justify-content:space-between;align-items:flex-end;width:33.3%;height:100%;padding:20px;display:flex}.footer-newsletter-icons{border:2px solid #d9d9d9;flex-direction:column;align-items:flex-start;width:300px;height:80%;display:flex}.newsletter-title{border-bottom:2px solid #d9d9d9;justify-content:flex-start;align-items:center;width:100%;height:33%;padding:5px 5px 5px 15px;display:flex}.newsletter-title-icon{height:25px}.newsletter-title-text{justify-content:center;align-items:center;width:100%;height:100%;margin-left:5px;display:flex}.newsletter-title-text p{color:#d9d9d9;margin:0;font-size:20px;font-weight:500;line-height:1}.newsletter-input{border-bottom:2px solid #d9d9d9;justify-content:center;align-items:center;width:100%;height:33%;padding:5px;display:flex}.social-icons{justify-content:space-between;align-items:center;width:100%;height:33%;padding:5px 15px;display:flex}.social-icon{height:35px}.footer-copyright-container{align-items:flex-end;width:100%;height:max-content;display:flex}.footer-copyright-container p{color:#d9d9d9;margin:0;font-size:18px;font-style:italic;font-weight:500;line-height:1}.footer-brand-image{border:1px solid #d9d9d9;height:100%}.footer-terms{border:2px solid #d9d9d9;flex-direction:column;align-items:flex-start;width:300px;height:80%;display:flex}.terms-link{border-bottom:2px solid #d9d9d9;justify-content:flex-start;align-items:center;width:100%;height:33.3%;padding:5px 5px 5px 15px;text-decoration:none;display:flex}.terms-link p{color:#d9d9d9;margin:0;font-size:22px;position:relative}.terms-link p:after{content:"";background-color:#d9d9d9;width:0;height:1px;transition:width .4s ease-in-out;position:absolute;bottom:0;left:0}.terms-link:hover p:after{width:100%}.footer-make-by{justify-content:flex-end;align-items:flex-end;width:100%;height:max-content;display:flex}.footer-make-by p{color:#d9d9d9;margin:0;font-size:18px;font-style:italic;font-weight:500;line-height:1}
@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav{z-index:1000;background:#181818 url(/texture11.png) 50%/cover no-repeat;border:3px solid #ede8d0;border-top:none;border-radius:0 0 5px 5px;justify-content:space-between;align-items:flex-start;width:80%;height:150px;padding:0 20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.nav-side{flex:1;align-items:center;height:140px;padding-top:40px;display:flex}.left-side{justify-content:flex-end;padding-right:40px}.right-side{justify-content:space-between;padding-left:40px}.nav-group{gap:30px;font-size:20px;display:flex}.nav-logo img{width:auto;height:140px;padding:0}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;display:none}.hamburger-line{background-color:#ede8d0;border-radius:2px;width:30px;height:3px}.nav a{color:#ede8d0;text-shadow:2px 0 #be000099;font-weight:600;text-decoration:none}.nav-mobile{background:#181818;border:2px solid #ede8d0;flex-direction:column;width:100%;padding:20px;animation:.3s slideDown;display:none;position:absolute;top:100%;left:0}.nav-mobile.show{display:flex}@media (max-width:1310px){.nav{border-left:none;border-right:none;width:100%;padding:0 15px}}@media (max-width:1080px){.nav{width:100%;height:100px;padding:0 15px}.desktop-only{display:none}.nav-toggle{display:flex}.nav-logo img{height:80px}.nav-side{flex:1;height:80px;padding-top:20px}.left-side{justify-content:flex-start}.right-side{justify-content:flex-end}}
.form-input{color:#d9d9d9;border:none;margin-right:10px;font-style:italic;background-color:#181818!important}.form-input:focus{border-bottom:1px solid #d9d9d9;outline:none;background-color:#181818!important}.form-button{color:#d9d9d9;background-color:#181818;border:1px solid #d9d9d9;width:35px;font-weight:600;transition:transform .3s,box-shadow .3s}.form-button:active,.form-button:focus{box-shadow:none;transform:translateY(2px)}
.button-play-container{justify-content:flex-start;align-items:flex-start;width:85px;height:85px;margin-bottom:30px;display:flex;position:relative;right:10%}.button-play{cursor:pointer;z-index:5;background:0 0;border:none;padding:0}.button-play-image{width:auto;height:90px;transition:filter .2s}.button-play-letters-container-off,.button-play-letters-container-on{color:#d4b30ac9;pointer-events:none;font-size:23px;font-weight:550;position:absolute;left:33%;transform:translate(-50%)}.button-play-letters-container-off{top:-12px}.button-play-letters-container-on{bottom:-20px}.button-play.on .button-play-image{animation:.18s step-end contact-flicker}@keyframes contact-flicker{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:1080px){.button-play-container{width:65px;height:80px;margin-bottom:0;right:0%}.button-play-image{height:70px;margin-top:3px}.button-play-letters-container-off,.button-play-letters-container-on{color:#d4b30ac9;pointer-events:none;font-size:18px;font-weight:550;position:absolute;left:32%;transform:translate(-50%)}.button-play-letters-container-off{top:-7px}.button-play-letters-container-on{bottom:-4px}}
@keyframes mechanical-shake{0%{transform:translateY(0)}20%{transform:translateY(-2px)}40%{transform:translateY(1px)}60%{transform:translateY(-1px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.player-container{z-index:999;background-image:url(../media/texture-player-2.0ec7c73d.png);background-repeat:repeat;background-size:550px;border-top:3px solid #ede8d0;border-bottom:0;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:150px;transition:bottom 1s steps(20,end);display:flex;position:fixed;bottom:-200px}.player-container.open{transition:bottom 1s steps(20,end),animation 1s ease-out;animation:1s ease-out mechanical-shake;bottom:0}.logo-player-container{justify-content:flex-start;align-items:flex-start;width:20%;height:100%;display:flex}.logo-player{height:50px;box-shadow:none;filter:drop-shadow(2px 2px 1px #000c)drop-shadow(-1px -1px #fff3);margin:13px}.vintage-player{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:50%;height:100%;display:flex}.player-display{text-align:center;opacity:.95;background:#010105;border-radius:6px;flex-direction:column;align-items:flex-start;width:50%;padding:10px;display:flex;box-shadow:inset 0 0 10px #000,inset 0 0 20px #000000e6,inset 0 0 1px 1px #445}.display-text-main{letter-spacing:2px;letter-spacing:2px;-webkit-user-select:none;user-select:none;justify-content:space-between;width:100%;height:80%;margin-bottom:6px;font-family:DS-Digital;font-size:30px;display:flex}.display-text-main p{color:#00ffc4;text-shadow:0 0 4px #00ffc4,0 0 5px #00ffc480;-webkit-user-select:none;user-select:none;font-family:DS-Digital;font-size:30px;display:flex}.display-text-main span{color:#f30;text-shadow:0 0 5px #f30;-webkit-user-select:none;user-select:none;font-family:DS-Digital;font-size:30px;display:flex}.marquee{white-space:nowrap;box-sizing:border-box;width:100%;overflow:hidden}.marquee-inner{color:#f60;letter-spacing:1px;opacity:1;text-shadow:0 0 4px #f60;-webkit-user-select:none;user-select:none;padding-left:100%;font-family:DS-Digital;font-size:18px;animation:25s steps(50,end) infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.play-pause-btn{color:#eaeaea;cursor:pointer;background:#222;border:2px solid #333;border-radius:90px;width:70px;height:70px;font-size:25px}.play-pause-btn:hover{background:#333}.knob-wrapper{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;cursor:grab;-webkit-user-drag:none;touch-action:none;background-color:#111;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex;position:relative;box-shadow:inset 0 0 15px #000,inset 0 0 5px #00000080,0 0 1px 1px #ffffff0d}.knob-image{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;z-index:2;width:85%;height:85%;position:relative}.knob-title{color:#c4822d;text-shadow:0 1px #ffffff1a,0 -1px #000000b3;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:2px;font-size:13px;font-weight:400}.knob-display-volumen{color:#00ffc4;text-shadow:0 0 5px #00ffc4;background:#010105;border-radius:4px;justify-content:center;align-items:center;width:30px;padding:1px;font-size:20px;display:flex;box-shadow:inset 0 0 4px #000c,inset 0 0 10px #000c,inset 0 0 25px #000c,0 0 #00ffc4aa,0 0 1px #00ffc466}.knob-display-volumen span{font-family:DS-Digital}.knob-wrapper:active{cursor:grabbing}.knob-image{object-fit:contain;transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:5px}.button-reset{text-transform:uppercase;letter-spacing:1px;color:#a0a0a0;cursor:pointer;text-shadow:0 1px #ffffff1a,0 -1px #000000b3;background:linear-gradient(#333 0%,#1a1a1a 5%,#151515 95%,#1a1a1a 100%);border:none;border-radius:2px;justify-content:center;align-items:center;width:90px;height:30px;font-size:13px;transition:all 80ms ease-out;display:flex;transform:rotate(-90deg);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000080,0 3px 5px #000000b3}.button-reset:hover{color:#e0e0e0;background:linear-gradient(#383838 0%,#1d1d1d 5%,#181818 95%,#1d1d1d 100%);box-shadow:0 3px 5px #000000e6}.button-reset:active{text-shadow:0 0 1px #000c,0 1px 1px #ffffff0d;color:#b0b0b0;background:linear-gradient(#101010 0%,#05050528 5%);transform:rotate(-90deg)translateY(1px);box-shadow:inset 0 0 1px #000c,0 1px 1px #00000080}.eq-section{flex-direction:row;justify-content:flex-start;align-items:center;width:30%;height:100%;display:flex}@media (max-width:1080px){.logo-player-container{margin:0;padding:0}.logo-player{height:38px;margin:50px 50px 0 0;padding:0;transform:rotate(270deg)scale(1)}.eq-section{visibility:hidden;display:none}.vintage-player{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding-right:150px;display:flex}}@media (max-width:480px){.logo-player-container{display:none}.vintage-player{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;padding-right:0;display:flex}}
.page{--background:#fafafa;--foreground:#fff;--text-primary:#000;--text-secondary:#666;--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;--button-secondary-border:#ebebeb;min-height:100vh;font-family:var(--font-geist-sans);background-color:var(--background);justify-content:center;align-items:center;display:flex}.main{background-color:var(--foreground);border:2px solid red;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;max-width:800px;min-height:100vh;padding:120px 60px;display:flex}a.secondary{border-color:var(--button-secondary-border)}.content-container{justify-content:center;align-items:center;width:50%;margin-top:180px;display:flex}.image-banner{width:100%}@media (hover:hover) and (pointer:fine){a.primary:hover{background:var(--button-primary-hover);border-color:#0000}a.secondary:hover{background:var(--button-secondary-hover);border-color:#0000}}@media (max-width:1080px){.content-container{width:80%}}@media (max-width:600px){.main{padding:48px 24px}.intro{gap:16px}.intro h1{letter-spacing:-1.92px;font-size:32px;line-height:40px}.content-container{width:100%}}