:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{margin:0;padding:0;overflow-x:hidden}html,body,#root{overflow-x:hidden;background:#000;color:#fff;text-align:center;font-family:Orbitron,sans-serif;font-weight:600;font-style:normal;min-width:100vw;min-height:100vh}.opening-record{height:90vh;position:relative;animation:roll-record 6s linear infinite}.click-text{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.8vw;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.7);white-space:nowrap;z-index:10}img,.home-logo,.backup-image-gallery,.backup-image-home{display:block;margin:5vh auto;filter:drop-shadow(0 0 .5vw rgb(248,250,250))}.home-container{margin-bottom:5vh}.logo{width:12vw;max-width:200px;min-width:40px;animation:vibration .15s linear infinite;margin-left:2vw!important;margin-right:2vw!important}.logo-overlay{width:30vw;max-width:600px;min-width:100px;z-index:5;position:relative;cursor:pointer;animation:vibration .15s linear infinite}.logo-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.home-logo{height:clamp(40px,10vh,100px);animation:vibration .15s linear infinite;margin:clamp(1rem,5vh,3rem) auto}.backup-image-home{width:25vw;max-width:200px}.opening-container{position:relative;z-index:1}.page-container{display:flex;flex-direction:column;align-items:flex-start;width:100vw;padding-left:5vw;overflow-y:scroll}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:clamp(.5vw,.5vw,2vw)!important;padding:clamp(.5vw,1vw,2vw)!important;font-size:clamp(.5vw,1vw,2vw)!important}.form-header{display:flex;flex-direction:row;align-items:center;width:max-content;justify-content:space-around;z-index:9}.form-element{margin:2vw;align-items:center;justify-content:space-around}.form-header-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:10vw}.form-element-container{background-color:#171f26;color:#fff;border-radius:1vw;margin:1w!important;padding:2vw 5vw!important;width:60vw;align-items:center}.form-element.mantine-TextInput-root,.form-element.mantine-Textarea-root,.form-element.mantine-FileInput-root,.form-element.mantine-DateInput-root{font-size:1.5vw}.header-button{font-family:Orbitron,sans-serif;background:transparent;color:#fff;border:none;cursor:pointer}.admin-button{color:#000;border:2px solid white!important;padding:.5em 1.5em;cursor:pointer;transition:all .3s ease;border-radius:1vw!important;font-size:1.5vw!important;margin-left:1vw;margin-right:1vw;font-weight:600}.back-button{color:#fff;border:2px solid white!important;cursor:pointer;border-radius:1vw!important;font-size:1vw!important;background-color:#1a4f5f;position:relative;width:max-content;margin-right:2vw}.select-button{color:#000!important;border:2px solid white!important;cursor:pointer;border-radius:1vw!important;font-size:.7vw!important;background-color:#fff;position:relative;width:max-content;margin:1vw;font-weight:600;color:#e5ace1}.rsvp-container{display:flex;align-items:center;justify-content:center}.url-button{color:#000!important;border:2px solid white!important;cursor:pointer;border-radius:1vw!important;font-size:1vw!important;background-color:#e9deb9!important;position:relative;width:max-content;margin:1vw;padding:.5vw}.select-button-special{color:#fff;border:2px solid white!important;cursor:pointer;border-radius:1vw!important;font-size:1vw!important;background-color:#71bfd7;position:relative;width:max-content;margin:1vw}.delete-button{color:#fff;border:2px solid white!important;cursor:pointer;border-radius:1vw!important;font-size:.7vw!important;background-color:#bc315f;position:relative;width:max-content;margin:1vw;font-weight:600}.select-item{margin:1vw;color:#000}.select-row{display:flex;flex-direction:row;align-items:center;text-align:left;z-index:10}.submit-button{color:#fff;border:2px solid white!important;cursor:pointer;border-radius:1vw!important;font-size:1vw!important;background-color:#71bfd7;position:relative;width:max-content}.submit-button:hover{box-shadow:0 0 2vw .5vw #fff;background-color:#000;cursor:pointer;color:#fff}.mantine-Input-wrapper{font-size:1vw}.admin-title{z-index:2;position:relative}.mantine-focus-auto.mantine-active.button{color:#fff;border:2px solid white!important;padding:.5em 1.5em;cursor:pointer;transition:all .3s ease;border-radius:1vw!important;font-size:1vw!important;width:max-content;margin-top:1vw}.button{color:#fff;border:2px solid white!important;padding:.5em 1.5em;cursor:pointer;transition:all .3s ease;border-radius:1vw!important;background-color:transparent!important;font-size:1vw!important;width:max-content;margin-top:1vw}.mix-grid{display:flex;flex-wrap:wrap;gap:1rem}.glow-text{color:#fff;background-color:transparent;cursor:pointer;transition:text-shadow .3s ease}.glow-text:hover{text-shadow:0 0 20px rgb(255,255,255),0 0 40px rgb(113,191,215),0 0 60px rgb(113,191,215)}.mantine-focus-auto.mantine-active.button:hover,.admin-button:hover,.back-button:hover,.card-button:hover,.audio-play-button:hover,.poster-img:hover,.message-button:hover{box-shadow:0 0 2vw .5vw #fff;background-color:transparent;cursor:pointer;color:#fff}.active-link{border-bottom:.3vw solid white}.starfield{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none}.page-intro-text{font-size:clamp(1vw,1.5vw,2vw);margin:clamp(1rem,3vh,5rem) auto;text-align:center;transform:translate(-50%);opacity:0;animation:slideInCenter 1s forwards ease-out;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.page-section{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%}.latest-mix-scroll-container{display:flex;flex-direction:row;flex-wrap:wrap;width:90vw}.latest-mix-section{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:5vw;margin-right:5vw}@media (max-width: 768px){.latest-mix-scroll-container{grid-template-columns:repeat(1,1fr)}}.mix-card{display:flex;flex-direction:column;align-items:center;border-radius:1vw;margin:1.5vw 1.5vw 2vw;width:clamp(250px,25vw,85vw);background-color:#171f26;padding:.5vw;border:2px solid white}.page-section-header{font-size:clamp(1.5vw,2.8vw,3.2vw)!important;font-weight:700;color:#fff;text-align:left;margin-bottom:1vh;width:90%;margin-left:auto;margin-right:auto}.page-section-header-1{font-size:clamp(1.5vw,2.8vw,3.2vw)!important;font-weight:700;color:#fff;text-align:left;margin-bottom:1vh;width:90%;margin-left:auto;margin-right:auto;margin-bottom:3vh}.page-section-header:hover{border-color:#fff;cursor:pointer}.event-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.event-container{display:flex;flex-direction:row;align-items:center;background-color:#171f26;box-sizing:border-box;flex-wrap:wrap;overflow-y:scroll;justify-content:space-evenly}.event-item-section{margin-top:2vw;margin-bottom:2vw}.big-text{font-size:3vw}.small-text{font-size:1.5vw}.mantine-focus-auto.dj-card{display:flex;flex-direction:row;text-align:left;max-width:max-content;padding:3vw!important;justify-content:space-between;position:relative;border-radius:1vw!important}.dj-text{margin:5vh!important;max-width:30vw}.dj-spotlight-card-item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:20vh}.select-container{display:flex;flex-direction:column;margin-left:5vw;margin-right:5vw;align-items:center;justify-content:space-around;min-height:70vh}.select-cards-layout{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start}.event-select-card{background-color:#171f26;justify-content:space-around;width:max-content;z-index:9;padding:.5vw 1vw;text-align:left;display:flex;flex-direction:row;height:max-content;color:#fff;border-radius:1vw;margin:2vw;min-height:300px;align-items:center}.select-card{background-color:#171f26;justify-content:space-evenly;width:max-content;z-index:9;padding:.5vw 1vw;text-align:center;display:flex;flex-direction:column;height:max-content;color:#fff;border-radius:1vw;align-items:center;margin:1.5vw;width:25vw;height:35vh}.gallery-select-card{background-color:#171f26;justify-content:space-around;width:max-content;z-index:9;padding:1vw;display:flex;flex-direction:column;color:#fff;border-radius:1vw;align-items:center;margin:1vw}.gallery-select-img{width:15vw;height:auto;margin:1vw}.select-item-header{font-size:.7vw!important}.select-item-footer{font-size:1.1vw}.mantine-Text-root{color:#fff}.header-text{font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(.5vw,1.5vw,2.2vw)!important;color:#fff;margin:0!important}.body-text-white{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#fff;text-align:left;margin:0!important;font-size:1vw}.body-text-black{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#000;text-align:left;margin:0!important;font-size:1vw}.location-text{font-family:Orbitron,sans-serif;font-weight:400;font-size:1.2vw;color:#fff;line-height:1.5;text-align:left;margin:0!important;text-decoration:underline}.artist-text{font-family:Orbitron,sans-serif;font-weight:700;font-size:2vw!important;color:#fff;text-align:left;line-height:1vw;margin-top:.5vw;margin-bottom:.5vw;width:max-content}.mix-text{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.5vw!important;color:#0c0000;line-height:1vw;margin-top:.5vw;margin-bottom:.5vw}.mix-text-small{margin-top:3vh;font-family:Orbitron,sans-serif;font-weight:700;font-size:1vw!important;color:#0c0000;line-height:1vw;margin-top:.5vw;margin-bottom:.5vw}.record-placeholder-img{height:200;width:15vw;margin:0;padding:1vw}.artist-img{display:flex;flex-direction:column;text-align:left;max-width:100%;justify-content:space-evenly}.artist-item{display:flex;flex-direction:column;text-align:left;justify-content:space-evenly;margin:0!important}.mix-img{display:flex;justify-content:center;align-items:center}.mix-item{display:flex;flex-direction:column;text-align:center;margin:0!important;color:#000}.about-item{margin-bottom:4vw!important}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:70vh;margin-left:20vw;margin-right:20vw}.admin-container{margin-top:5vh;min-height:45vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-bottom:20vh}.select-header{font-size:2vw!important;width:20vw;justify-content:space-around;font-weight:100}.rolling-record-container{position:fixed;bottom:5vw;z-index:3}.rolling-record{width:200px;animation:roll-record 6s linear infinite}@keyframes roll-record{0%{transform:translate(-80vw) rotate(0)}to{transform:translate(120vw) rotate(1440deg)}}.gallery-record{width:150px;height:auto;margin:8px;border-radius:8px;box-shadow:0 2px 6px #00000026}.footer-container{display:flex;flex-direction:row;background-color:#171f26;position:relative;padding-top:3vh;padding-bottom:2vh;align-items:center;justify-content:space-around}.footer-item{display:flex;flex-direction:row}.footer-button{background:transparent;color:gray!important;border:none;cursor:pointer;font-family:Orbitron,sans-serif}.site-footer{font-size:clamp(.3vw,1.5vw,.8vw);color:gray}@keyframes slideInCenter{to{transform:translate(0);opacity:1}}@keyframes vibration{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(-1px,-1px)}75%{transform:translate(1px,1px)}to{transform:translate(1px,-1px)}}.gallery-img{width:25vw}.poster-img{cursor:pointer;width:30vw;display:flex;align-items:center;justify-content:center}.gallery-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:2vw;justify-content:space-evenly;align-items:center}.gallery-card{width:20vw;margin:1.5vw!important}.gallery-row{display:flex;flex-direction:row}.contact-container{margin-top:10vh;display:flex;align-items:center;flex-direction:column;height:max-content;justify-content:space-evenly;margin-bottom:12vh}.admin-login-container{min-height:75vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.form-box{width:250px;background-color:transparent!important;color:#fff}.login-box{width:200px;background-color:transparent!important;padding:10px}.contact-item{display:flex;flex-direction:column;margin:2vw 5vw;align-items:center;border-radius:1vw;font-size:1vw}.social-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.social-section{font-size:2vw;margin:2vw}.social-icons{width:5vw;display:flex;justify-content:center;margin-bottom:2vh}.footer-social-icons{display:flex;color:gray!important;margin-right:1vw;margin-left:1vw}.social-link{color:#fff;transition:transform .3s ease,color .3s ease;padding-left:1vw;padding-right:1vw}.social-link:hover{color:#339af0;transform:scale(1.1)}@media (max-width: 768px){.page-container{padding-left:3vw}.logo{width:clamp(40px,20vw,100px)}}.audio-controls{display:flex;align-items:center;gap:1rem;margin-top:10px;justify-content:space-around}.audio-light{width:1vw;height:1vw;border-radius:50%;background-color:red;opacity:.6}.flashing{animation:flash 1s infinite}@keyframes flash{0%,to{opacity:.2}50%{opacity:1}}.audio-label{font-weight:500;font-size:1vw}.icon-button{border:none!important;background:transparent;padding:0;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}.body-text{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.card-button{color:#fff;border:2px solid white!important;cursor:pointer;border-radius:1vw!important;font-size:1vw!important;background-color:transparent;position:relative;width:fit-content!important}.dj-container{flex-direction:row;align-items:center;justify-content:space-evenly;display:flex;flex-wrap:wrap;justify-content:space-around}.dj-card{background-color:#171f26;border:2px solid white;border-radius:1vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:40vw;min-height:17vw;max-height:17vw;padding:2vw;margin:2vw;gap:2vw;overflow:hidden}.dj-card-item{margin:2vw}.dj-img{width:12vw;margin:2vw}.profile-container{display:flex;flex-direction:row;margin:2vw;align-items:center;justify-content:center;height:100vh}.profile-item-box{display:flex;flex-direction:column;text-align:left}.profile-img{width:20vw;margin:5vw}.profile-header-text{font-family:Orbitron,sans-serif;font-weight:600;font-style:normal;color:#fff;z-index:11;position:relative;font-size:1.5vw}.profile-body-text{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#fff;z-index:11;position:relative;font-size:1.5vw}.mix-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.mix-card{display:flex;flex-direction:column;align-items:center;width:max-content;padding:2vw!important;padding-left:3vw;padding-right:3vw;margin:3vw}.event-date{font-size:2vw;font-weight:600;color:#050000;background-color:#71bfd7;padding:3vw;border-radius:1vw!important;text-align:center}.event-profile-container{display:flex;flex-direction:row;align-items:center;text-align:left;background-color:#171f2699;height:100vh;justify-content:space-evenly}.event-profile-header-text{font-family:Orbitron,sans-serif;font-weight:600;font-style:normal;color:#fff;z-index:11;position:relative;font-size:3vw}.event-profile-body-text{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#fff;z-index:11;position:relative;font-size:2vw;text-align:left}.event-profile-item{margin:4vh;min-width:30vw}.event-profile-item-box{margin:2vw;text-align:left}.date-text{font-size:2vw!important}.contact-box{width:30vw;padding:1vw;margin-bottom:16px;border:1px solid rgba(255,255,255);border-radius:1vw;background:#ffffff0d;color:#fff;font-size:1vw}