body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.social-container{display:flex;justify-content:flex-end;align-items:flex-start;position:absolute;z-index:9999;top:16px;right:10px;transition:transform .2s ease}.social-link img{width:40px;height:40px}.ocean-effect{pointer-events:none;opacity:.7;transition:opacity .5s ease}.ocean-particles{pointer-events:none;opacity:.6;transition:opacity .5s ease}@media (max-width: 768px){.ocean-effect,.ocean-particles{opacity:.4}}.landing-page{position:relative;overflow:hidden}.background-gradient{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 375px){.landing-page{font-size:14px}.background-gradient{background-size:cover}}@media (max-width: 540px) and (max-height: 720px){.landing-page{font-size:16px}.background-gradient{background-size:cover}}.lyrics{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;max-width:100%;padding:10px;box-sizing:border-box;text-align:center;overflow:hidden}.back-to-home-link img{height:40px;width:40px}.back-to-home-link:hover img{opacity:.5}.image-container{position:relative;max-width:100%}.back-to-home-link{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;right:0;padding:10px}@media (max-width: 375px){.lyrics{padding:5px}}@media (max-width: 540px) and (max-height: 720px){.lyrics{padding:5px}.image-container{max-width:100vw;max-height:70vh}}.container{height:100%;width:100%;overflow:hidden}.heading{font-family:Nubifont;font-size:3rem;margin-top:1rem;text-align:center}.credits-container{height:100%;width:100%;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#f4f4f4;border-radius:10px;box-shadow:0 0 10px #0003;padding:15px;max-height:70vh}@media (max-width: 768px){.credits-container{padding:10px;font-size:16px;width:90vw}}@media (max-width: 375px){.credits-container{padding:5px;font-size:14px}}@media (max-width: 820px){.credits-container{font-size:14px;padding:10px}}@media (max-width: 912px){.credits-container{font-size:14px;padding:10px}}@media (max-width: 1024px){.credits-container{font-size:14px;padding:10px}}@media (max-width: 1280px){.credits-container{font-size:14px;padding:10px}}.credit{font-size:22px;margin:5px 0}@media (max-width: 768px){.credit{font-size:18px}}.tc-credit-container{display:flex;flex-direction:row}@media (max-width: 768px){.tc-credit-container{flex-direction:column}}.tc-credit{display:flex;flex-direction:column;padding:20px;margin:20px;font-size:22px}@media (max-width: 768px){.tc-credit{font-size:18px;padding:0;margin:0}}.logo{height:200px;width:200px}@media (width: 280px) and (height: 653px){.heading{font-size:2.5rem}}.collaborate{text-align:left;font-size:18px;color:#555;line-height:1.5;padding:20px}@media only screen and (max-width: 768px){.collaborate{font-size:16px;padding:15px}}@media only screen and (max-width: 375px){.collaborate{font-size:14px;padding:10px}}@media only screen and (max-width: 280px){.collaborate{font-size:12px;padding:8px}}@media only screen and (min-width: 601px) and (max-width: 1024px){.collaborate{font-size:20px;padding:20px}}.bank-details{background-color:#f4f4f4;border-radius:10px;box-shadow:0 0 10px #0003;padding:5px;margin:10px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.coming-soon-container{text-align:center}.coming-soon-text{font-family:Nubifont;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,1)}.coming-soon-text h1{font-size:48px;margin-bottom:10px}.coming-soon-text p{font-size:24px;margin-bottom:20px}.coming-soon-text a{text-decoration:none;color:#fff;background-color:#007bff;padding:10px 20px;border-radius:5px;margin-top:20px;transition:background-color .3s ease}.coming-soon-text a:hover{background-color:#0056b3}.coming-soon-text a:active{background-color:#004085}.coming-soon-text a:focus{outline:none;box-shadow:0 0 0 4px #007bff80}.coming-soon-text a:focus-visible{outline:none;box-shadow:0 0 0 4px #007bff80}.coming-soon-text a:focus:not(:focus-visible){box-shadow:none}.not-found-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:9999}.not-found-heading{font-size:3rem;color:#f8f8f8;margin-bottom:20px}.not-found-message{font-size:1.5rem;color:#f8f8f8;margin-bottom:20px}.back-to-home-button{background-color:transparent;color:#333;padding:10px 20px;border:none;border-radius:5px;text-decoration:none;font-size:1rem;cursor:pointer;transition:background-color .3s}.back-to-home-button:hover{background-color:#f8f8f8}.volver-button{font-family:Nubifont;font-weight:700}.volver-button:hover{opacity:.5}.container{display:flex;flex-direction:column;width:100vw;height:100vh}@font-face{font-family:Nubifont;src:local("Nubifont-Regular"),url(/assets/Nubifont-Regular-D_4GoNFV.ttf) format("truetype")}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .3s ease-in-out}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease-in-out}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.container{display:flex;flex-direction:column;align-items:center}.header{font-family:Nubifont;font-size:3rem;margin-top:.5rem;text-align:center}.info{text-align:left;font-size:18px;color:#555;line-height:1.5;padding:20px}@media only screen and (max-width: 768px){.info{font-size:16px;padding:15px}}@media only screen and (max-width: 375px){.info{font-size:14px;padding:10px}}@media only screen and (max-width: 280px){.info{font-size:12px;padding:8px}}@media only screen and (min-width: 601px) and (max-width: 1024px){.info{font-size:20px;padding:20px}}@media (width: 280px) and (height: 653px){.header{font-size:2.5rem}}