:root{--night: hsla(40, 8%, 7%, 1);--nightAccent: rgba(32, 32, 32, .322);--vivid-sky-blue: hsla(192, 100%, 52%, 1);--myrtle-green: hsla(174, 40%, 33%, 1);--platinum: hsla(300, 3%, 85%, 1);--antiflash-white: hsla(170, 13%, 91%, 1);--clr-dark-bg: var(--night);--clr-darkest-accent: var(--nightAccent);--clr-mid: var(--vivid-sky-blue);--clr-mid2: var(--myrtle-green);--clr-light: var(--platinum);--clr-lightest: var(--antiflash-white);--fs-smallest: .85rem;--fs-sm: 1.1rem;--fs-md: 1.25rem;--fs-lg: 1.5rem;--fs-sm-heading: 2rem;--fs-md-heading: 4rem;--fs-lg-heading: 7rem;--pd-sm: .5rem;--pd-md: 1rem;--pd-lg: 2rem;--pd-xl: 5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--clr-mid2) transparent!important}body{background-color:var(--clr-dark-bg);color:var(--clr-light);font-family:Karla,sans-serif}a{text-decoration:none}p{color:var(--clr-light)}#FULL_APP{display:flex;height:100svh;overflow:hidden}.layout-div section{padding:var(--pd-md);width:85dvw;gap:2rem}.layout-div{display:flex}.layout-div h2{font-size:var(--fs-md-heading);color:var(--clr-light);line-height:1;-webkit-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;white-space:nowrap}.layout-div h3{font-size:var(--fs-sm-heading);font-weight:200}.landing-page-wrapper{display:flex;flex-direction:column;align-items:center;height:100dvh;width:100svw;place-content:center;place-items:center;position:relative;overflow:hidden;color:var(--clr-light)}.landing-page-wrapper #enter-site-button{position:absolute;bottom:35%;right:50%;transform:translate(50%);font-size:var(--fs-lg);color:var(--clr-lightest)}.landing-page-wrapper canvas{display:flex;width:100%;height:100%}@media (prefers-reduced-motion){body{animation:none}}hr{opacity:50%;margin-block:.5rem}nav{display:flex;flex-direction:column;opacity:95%}.nav-wrapper{display:flex;flex-direction:column;list-style:none;color:var(--clr-light);-webkit-user-select:none;user-select:none;position:relative;height:100svh;background-color:var(--clr-darkest-accent);font-size:var(--fs-md);padding:var(--pd-md);width:15dvw}.navItem p:hover,.navItem p:focus-visible{color:var(--clr-mid)}.logo--nav{font-size:var(--fs-md-heading);color:var(--clr-light)}.nav-wrapper :not(h1) a.active{color:var(--clr-mid);text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:1px}.nav-wrapper a.active h1{color:var(--clr-mid)}.navItem{color:var(--clr-light)}.activeItem{text-decoration:underline}.mobile-menu-wrapper{display:none}.links{display:flex;gap:.5rem;place-items:end}.links svg{object-fit:cover;height:1.45rem;width:1.45rem;color:var(--clr-light);opacity:85%}.links svg:hover{color:var(--clr-mid)}.navbar-links-only-desktop{flex:1;place-content:end;place-items:start}footer{display:flex;align-items:center;color:var(--clr-light);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--fs-smallest);opacity:85%}#home-page-wrapper{margin:0;padding:0;position:relative}#home-page-wrapper p{font-size:var(--fs-lg)}.home-page-img-wrapper{-webkit-user-select:none;user-select:none}.home-page-img-wrapper img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;filter:blur(5px);opacity:25%}.home-page-content{display:flex;flex-direction:column;position:absolute;width:min-content;top:50%;left:50%;-webkit-user-select:none;user-select:none;gap:2rem;transform:translate(-50%,-50%);padding:2rem;background-color:var(--clr-dark-bg);outline:1px solid var(--clr-darkest-accent);border-radius:.25rem}.home-page-links{display:flex;justify-content:space-between;gap:.25rem}.home-page-links a{background-color:var(--clr-mid);display:flex;flex-direction:column;gap:1rem;padding:var(--pd-lg);color:var(--clr-dark-bg);flex:1;justify-content:center;align-items:center;font-size:150%;border:.15rem solid var(--clr-darkest-accent);border-radius:.25rem;width:10rem}#audioplayer{display:flex}.audio-player-left{display:flex;flex-direction:column;justify-content:end;flex:.5;gap:1rem}.audio-player-left h2{flex:1}.artwork-wrapper{display:flex;flex:.25}.artwork-wrapper img{max-width:100%;width:100%;aspect-ratio:1;object-fit:cover;-webkit-user-select:none;user-select:none}.filter-and-music-list-wrapper{display:flex;flex-direction:column;flex:auto;gap:1rem;flex:1}#filter-button{display:flex;gap:1rem;padding:1rem;font-size:120%;background-color:transparent;border-radius:.25rem;outline:none;border:.15rem solid var(--clr-mid);color:var(--clr-light)}#filter-button em{color:var(--clr-mid2)}.arrow-down{rotate:180deg}.album-filter-wrapper{display:flex;flex-direction:column;max-width:100%;transition:all 1s ease-in-out;gap:.25rem}.album-wrapper{display:flex;flex-direction:column;gap:.15rem;color:var(--clr-light);background-color:var(--clr-mid2);padding:1rem;transition:all 1s ease-in-out}.album-wrapper h5{-webkit-user-select:none;user-select:none;font-weight:300;opacity:69%;font-style:italic;font-size:var(--fs-sm)}.album-wrapper-closed{height:0;display:none;transition:all 1s ease-in-out}#album-folder{display:flex;font-size:var(--fs-md);width:100%}.active-album{text-decoration:underline;text-decoration-color:var(--clr-mid);text-underline-offset:.25rem;text-decoration-thickness:1px}.album-folders{display:grid;gap:.25rem;cursor:pointer}#show-all{color:var(--clr-mid);background-color:var(--clr-dark-bg);cursor:pointer;border-radius:.25rem;width:fit-content;border:1px solid var(--clr-mid2);box-shadow:none;margin-top:var(--pd-sm)}#show-all p{padding:var(--pd-sm)}.show-all-active{color:var(--clr-dark-bg);background-color:var(--clr-mid);border-color:var(--clr-light)}#now-playing-details{color:var(--clr-light);display:grid;gap:.15rem;opacity:70%;font-weight:200;padding-block:var(--pd-sm)}#now-playing-details h3{font-weight:200;font-size:var(--fs-md)}.music-list-wrapper{display:flex;flex-wrap:wrap;gap:1rem;overflow-y:scroll;justify-content:start;border-radius:.25rem;font-weight:300;padding:.25rem;transition:all 1s ease-in-out}.track-card{width:calc(20% - 1rem);aspect-ratio:1;display:flex;flex-direction:column;cursor:pointer;position:relative;outline:.15rem solid var(--clr-mid2);border-radius:.25rem;overflow:hidden}.track-card .track-details{position:absolute;bottom:0;width:100%;height:auto;background-color:var(--clr-dark-bg);padding:var(--pd-sm);font-size:var(--fs-sm);border-bottom-left-radius:.15rem;border-bottom-right-radius:.15rem;transition:padding .25s ease-in-out}.track-card img{height:100%;aspect-ratio:1;object-fit:cover;border-radius:.25rem}.track-card:hover{outline:.15rem solid var(--clr-mid);border-radius:.15rem;transition:outline .25s ease-in-out}.track-card:hover .track-details{padding-block:5%;text-decoration:underline}.track-card:hover img{scale:1.05;transition:scale .25s ease-in-out}audio{width:auto}audio::-webkit-media-controls-panel{padding:var(--pd-sm);height:min-content;background-color:var(--clr-mid2);border-radius:.25rem}audio::-webkit-media-controls-timeline-container{display:none}audio::-webkit-media-controls-current-time-display{display:none}audio::-webkit-media-controls-time-remaining-display{display:none}audio::-webkit-media-controls-timeline{background-color:var(--clr-light);border-radius:.25rem;margin-inline:var(--pd-sm);opacity:100%;box-shadow:none;text-shadow:none}audio::-webkit-media-controls-enclosure{background-color:transparent;border-radius:0}audio::-webkit-media-controls-play-button{opacity:100%;background-color:var(--clr-lightest);border-radius:.25rem}audio::-webkit-media-controls-mute-button{opacity:100%;background-color:var(--clr-lightest);border-radius:.25rem}audio::-webkit-media-controls-play-button:hover{background-color:var(--clr-mid)}audio::-webkit-media-controls-volume-slider{background-color:var(--clr-light);border-radius:.25rem;padding:unset;margin:0 auto;align-items:center}.about--wrapper{display:flex;flex-direction:column;place-items:center;color:var(--clr-light);overflow-y:scroll;font-size:var(--fs-md)}.spans{max-width:60ch;display:grid;gap:3rem;line-height:1.7;text-align:justify}.spans span{max-width:45ch;margin:0 auto;border-inline:.15rem solid var(--clr-light);padding:2rem}.spans img{object-fit:cover;max-width:100%}.music-resources--wrapper{display:flex;flex-direction:column}.music-resources--wrapper div{display:flex;flex-direction:column;flex:1}.music-resources--wrapper div p{flex:1}.music-resources--wrapper div img{height:35rem;width:35rem;aspect-ratio:1;object-fit:cover}.resource-wrapper{gap:1rem}.media--wrapper{display:grid;overflow-y:scroll;position:relative}.media-section{display:flex;align-items:flex-start;gap:1rem;justify-content:space-between}.media-title-span{display:flex;flex-direction:column;line-height:1.7;gap:1rem;flex:.25;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;left:5%}.media-title-span h3{line-height:1;font-weight:500;opacity:75%;font-size:2rem!important}.media-title-span span{font-size:var(--fs-md);font-weight:300;flex:1}#return-container{display:grid;width:auto;gap:2rem}.media-CONTENT{display:grid;place-items:center;flex:1}.media-CONTENT-tweets .react-tweet-theme{background-color:var(--clr-darkest-accent)}.scroll-to-top-button{position:sticky;position:-webkit-sticky;bottom:0;left:100%;width:fit-content;padding:var(--pd-sm);outline:1px solid var(--clr-mid);background-color:transparent;color:var(--clr-light);box-shadow:none;border:none;border-radius:.25rem}.scroll-to-top-button:hover,.scroll-to-top-button:focus-visible{outline:1px solid var(--clr-mid);background-color:var(--clr-mid);color:var(--clr-dark-bg)}@media (max-width: 1124px){.layout-div{padding:var(--pd-sm)}.layout-div section{display:grid;padding:0;width:100%;overflow-y:hidden;max-width:100%}.layout-div section span{font-size:140%}.layout-div h2{font-size:var(--fs-md-heading);margin:0 auto}.layout-div h3{font-size:var(--fs-lg)}.layout-div img{object-fit:cover}h1{flex:auto}hr,.nav-normal{display:none}#FULL_APP{flex-direction:column;height:100%;overflow:hidden;position:relative}.logo--nav{line-height:unset;padding:0;margin:0}.nav-wrapper{height:min-content;width:100svw;display:flex;padding:var(--pd-sm);flex-direction:row-reverse;background-color:var(--clr-darkest-accent);justify-content:space-between;align-items:center;position:relative}.mobile-menu-wrapper{display:flex}.mobile-menu-wrapper b{padding-left:var(--pd-lg)}.mobile-menu-wrapper b:hover{color:var(--clr-mid)}.nav-mobile-open{position:fixed;background:#000a;font-size:var(--fs-sm-heading);height:100dvh;width:100%;top:0%;bottom:0%;left:0%;right:0%;display:flex;flex-direction:column;z-index:10;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);padding:var(--pd-md);place-content:center}.nav-mobile-open p{color:var(--clr-light);font-weight:500}.nav-mobile-open p:hover{color:var(--clr-mid);text-decoration:underline;font-weight:800}.links{justify-content:start;gap:1rem;padding-block:var(--pd-md)}.mobile-menu-button{width:4rem;aspect-ratio:1;background:transparent;z-index:1000;box-shadow:none;border:none;position:relative}.mobile-menu-button:hover span{background:var(--clr-light)}.mobile-menu-button>span{position:absolute;background:var(--clr-light);width:60%;height:.25rem;border-radius:100rem}.home-page-content{display:grid;position:relative;box-shadow:none;flex:auto;width:100%;place-content:center;place-items:center;text-align:center}.home-page-content p{font-size:var(--fs-lg-heading)}.home-page-content a{flex:1;padding:var(--pd-md)}.home-page-links{display:grid;flex:auto}#audioplayer{flex-direction:column;height:100%;width:100%;gap:.5rem}#audioplayer h5{margin:0;padding:0}.audio-player-left{gap:.5rem;font-size:155%}.album-wrapper{display:flex;flex-direction:column;gap:.5rem;flex:1;background-color:var(--clr-darkest-accent);flex-basis:10rem}#show-all{padding:0;height:min-content}.artwork-wrapper{width:100%;max-width:100%;display:flex}.artwork-wrapper img{object-fit:cover;height:100%;max-width:100%;aspect-ratio:1}.artwork-now-playing-wrapper{display:flex;flex-wrap:wrap;gap:0}.now-playing-text{padding-block:var(--pd-sm)}.music-list-wrapper{place-content:center;overflow:hidden}#now-playing-details{display:flex;align-items:end;gap:2rem}#now-playing-details img{height:auto;width:10rem;aspect-ratio:1}.track-card{width:calc(100% / 3 - 1rem);aspect-ratio:1}.album-folders{gap:.5rem}.about--wrapper{padding:var(--pd-md)!important}.about-content{display:grid;text-align:justify}.about-content img{height:100%;width:100%}.media--wrapper{display:grid;place-items:center}.media-section{display:grid;gap:2rem}.media-section img{max-width:100%}.media-title-span{position:unset;display:grid;margin:0 auto}.media-CONTENT{place-content:center}.music-resources--wrapper{display:grid}.music-resources--wrapper div{gap:1rem;display:grid}.music-resources--wrapper div img{height:15rem;width:100%;aspect-ratio:1;object-fit:cover}.navbar-links-only-desktop{display:none}footer{display:none}}.displayNone{display:none}