@import"https://fonts.googleapis.com/css2?family=Gajraj+One&family=Nabla&display=swap";body{font-family:Gajraj One,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,a,button,input,label{font-family:Gajraj One,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ghost-title{font-family:Nabla,cursive;letter-spacing:2px}*{box-sizing:border-box;margin:0;text-decoration:none}html,body{width:100%;height:100%;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#f0f,#f03,#f60,#ff0080);background-size:600% 600%;animation:gradientBG 20s ease-in-out infinite;font-family:Fugue,Verdana,sans-serif;text-transform:uppercase;text-align:center}#root,.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.Header{flex:1;display:flex;flex-direction:column}footer{margin-top:auto}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar{display:flex;padding:10px;justify-content:space-between;align-items:center}.ghost-title{font-family:Nabla,cursive;font-size:40px;margin:3px 0;font-weight:400;letter-spacing:2px;text-shadow:0 0 12px magenta}.navlinks{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap}.nav-li{display:inline-block;padding:20px}a{color:#fff;text-decoration:none}a:hover{color:#f60;text-shadow:0 0 10px #000,0 0 15px #ff6600;transition:color .3s ease,text-shadow .3s ease}@media screen and (max-width: 767px){.navbar{flex-direction:column;align-items:center}.navlinks{flex-direction:row;justify-content:center;flex-wrap:nowrap;gap:10px}.nav-li{padding:10px}.ghost-title{font-size:28px;text-align:center}}.footer{padding:30px 20px 40px;text-align:center;margin-top:auto;width:100%}.links{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0 auto;max-width:100%}@media screen and (min-width: 600px){.links{flex-wrap:nowrap}}.links li{display:inline-block}.icons{height:30px;width:30px;color:#fff;transition:color .3s ease,filter .3s ease,text-shadow .3s ease;will-change:transform;text-shadow:0 0 6px #ff00ff,0 0 4px #ff00ff}.icons:hover{color:#f60;filter:brightness(1.5) drop-shadow(0 0 6px #ff6600);text-shadow:0 0 8px #ff6600,0 0 12px #ff6600}@media screen and (max-width: 599px){.icons{height:26px;width:26px}.links{max-width:320px;gap:1rem}}div{font-size:22px;padding:0;color:#fff;font-family:Fugue,verdana;text-transform:uppercase;text-align:center}img{margin:30px auto;width:90%;max-width:700px}.landingpage{background:transparent;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px;padding-bottom:120px}.landingpage-video{position:absolute;width:"100%";height:"100%";left:50%;top:50%;object-fit:cover;transform:translate(-50%,-50%);z-index:-1}#video{position:fixed;z-index:-1;width:100%}.overlay{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ff00ff0a,#ff00ff0a 30deg,#ff33000a 30deg,#ff33000a 60deg,#ff80000a 60deg,#ff80000a 90deg);animation:spinTrippy 30s linear infinite;mix-blend-mode:screen;opacity:.4}@keyframes spinTrippy{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.listen-container{display:flex;flex-direction:column;align-items:center;margin-top:20px;z-index:10}.listen-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer}.listen-now-button{display:inline-block;padding:15px 40px;font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background-color:#f60;border:2px solid #ff6600;border-radius:50px;transition:all .3s ease;cursor:pointer;box-shadow:0 0 15px #ff660080;margin-bottom:20px}.listen-now-button:hover{background-color:#ff8533;border-color:#ff8533}@media screen and (max-width: 415px){img{width:100%}.listen-container{margin-top:10px}.listen-now-button{font-size:16px;padding:12px 30px}}.watchpage{display:flex;flex-direction:column;align-items:center}.video-spacing{margin-bottom:40px}.video-wrapper{width:70vw;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;margin:0 auto;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;box-shadow:0 0 8px #ffffff1a}.video-wrapper:hover{transform:scale(1.03);box-shadow:0 0 12px #f60,0 0 24px #f60,0 0 36px #f60;filter:brightness(1.2)}.videos{width:100%;height:100%;border:none}@media screen and (max-width: 768px){.video-wrapper{width:90vw}section{padding:20px}}.listenpage{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem 1rem}.bandcamp-embeds{flex:1 1 300px;max-width:350px;display:flex;justify-content:center}.bandcamp-wrapper{position:relative;width:100%;padding-bottom:135%;border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;box-shadow:0 0 8px #ffffff1a;background-color:#000}.bandcamp-wrapper:hover{transform:scale(1.03);box-shadow:0 0 12px #f60,0 0 24px #f60,0 0 36px #f60;filter:brightness(1.2)}.bandcamp-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background-color:#303030}.adjusted-track iframe{transform:scaleY(1.0225);transform-origin:top}.signup-page{text-align:center;padding:2rem;color:#fff;font-family:Fugue,Verdana,sans-serif}.signup-page h2{font-size:1.8rem;letter-spacing:2px;margin-bottom:1rem}.signup-page p{font-size:1rem;letter-spacing:1.5px;margin-bottom:2rem}.signup-subtext{margin-top:.5rem;margin-bottom:1.5rem;font-size:1rem;color:#ccc}.signup-page form{display:flex;flex-direction:column;max-width:400px;margin:0 auto}.signup-page input{margin:.75rem 0;padding:.75rem;font-size:1rem;border:2px solid transparent;border-radius:4px;background:transparent;color:#fff;background-color:#ffffff0d;transition:box-shadow .3s ease,border-color .3s ease,transform .2s ease}.signup-page input:focus{outline:none;border-color:#f60;box-shadow:0 0 10px #f60;transform:scale(1.03)}.signup-page button{margin-top:1rem;padding:.75rem;font-size:1rem;background-color:#f60;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.signup-page button:hover{background-color:#ff8533}.signup-page input::placeholder{color:#fffc;font-weight:500;letter-spacing:1px}.success-msg{color:#4caf50;font-weight:700}.error-msg{color:#ff4d4f}
