body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#8c96d8;background-image:url(/static/media/backdrop-SCALED.c4dc2dfae57ddbf25a0f.jpg);background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--mango:#d9ac69;--mango-pearl:#ffdfae;--bg-overlay:#0e140d73;--pearl:#ffecd1;--mango-onyx:#282013;--onyx-overlay:#282013e6;--nav-button-center:#d9ac69a4}.App{background-attachment:fixed;background-blend-mode:multiply;background-color:#0e140d73;background-color:var(--bg-overlay);background-size:cover;height:100vh;position:fixed;width:100vw}.App-header{align-items:center;color:#d9ac69;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;font-size:calc(10px + 8vmin);justify-content:center;min-height:10vh;padding-bottom:5vh;width:100%}.Dimmer{background-color:#000;height:1000vh;opacity:.5;position:fixed}.Logo{height:20vh;margin:0;max-width:700px;padding:0;position:relative;z-index:23}.Logo,.unselectable{-webkit-user-select:none;user-select:none}.unselectable{-webkit-user-drag:none;user-drag:none;pointer-events:none}.Nav-button-image{border-radius:100%;grid-area:1/1;height:10vh;position:relative;transition:.5s;z-index:100}.Nav-button-image:hover{background-color:#d9ac69a4;background-color:var(--nav-button-center);filter:saturate(140%) contrast(150%) brightness(110%);height:12.5vh}.Nav-button{color:#ffdfae;color:var(--mango-pearl);display:grid;font-size:max(15px,2vh);grid-template-columns:1fr;height:6vh;text-align:center;text-decoration:none}.Button-row{display:flex;flex-direction:row;height:10vh;justify-content:space-evenly;position:relative;width:100vw}.App-body{color:#ffecd1;color:var(--pearl);font-family:Times New Roman,Times,serif;height:100vh;padding-left:20vw;padding-right:20vw;text-align:left}.Body-link{color:#ffdfae;color:var(--mango-pearl)}.Service-row{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;padding-top:2vh;width:60vw}.service-logo{max-height:60px;max-width:60px;transition:.5s}.service-logo:hover{max-height:75px;max-width:75px}.Splash-image{border-radius:14%;margin-left:max(0px,calc(30vw - 400px));max-width:800px;width:60vw}@media (max-width:768px){.App{height:auto;min-height:100vh;overflow-x:hidden;position:relative}.App-header{font-size:clamp(20px,8vw,42px);min-height:auto;padding-bottom:2vh}.Logo{height:auto;max-width:min(90vw,700px);width:100%}.Button-row{flex-wrap:wrap;gap:1rem;height:auto;padding:0 4vw 2vh}.Nav-button{height:auto}.Nav-button-image{height:clamp(54px,10vw,80px)}.Nav-button-image:hover{height:clamp(60px,11vw,90px)}.App-body{height:auto;padding:2vh 5vw 4vh}.Service-row{flex-wrap:wrap;gap:1rem;padding-top:1.5vh;width:100%}.service-logo{max-height:48px;max-width:48px}.Splash-image{display:block;margin:0 auto;width:min(90vw,800px)}}@media (max-width:480px){.App-header{font-size:clamp(18px,9vw,28px);padding-bottom:1.5vh}.Button-row{gap:.75rem}.Nav-button-image{height:clamp(46px,12vw,60px)}.Nav-button-image:hover{height:clamp(52px,13vw,66px)}.service-logo{max-height:40px;max-width:40px}}.Thumbnail-img{transition:.5s;width:min(19vh,19vw)}.Thumbnail-img:hover{width:min(25vh,20vw)}.Thumbnail{align-items:center;color:var(--mango-pearl);cursor:pointer;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;font-size:max(10px,2vh);padding:.5vh 1vw 3.5vh;width:20vw}.Music-body{display:grid;grid-template-columns:auto auto auto;height:50vh;justify-content:center;justify-self:center;margin-left:10vw;margin-right:10vw;overflow:scroll;width:80vw}.header-row{display:flex;flex-direction:row;justify-content:space-between;padding-top:5vh;width:80%}.Track-row{align-items:center;display:grid;grid-template-columns:8vw 10vw 10vw 10vw;height:5vh;justify-content:space-evenly;width:50vw}.Detailed-release{align-items:center;background-color:var(--onyx-overlay);border-radius:1vh;color:var(--mango);display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;height:75vh;left:50%;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:75vw;z-index:10000}.Detailed-artwork{padding-bottom:3vh;width:45vh}.Release-title{font-family:Times New Roman,Times,serif;font-weight:bolder}.notes{align-content:center;align-items:center;color:var(--mango);display:flex;flex-direction:column;justify-content:center;justify-items:center;text-align:left;width:100%}.notes-subsection{padding-bottom:4vh;text-align:left;width:40%}.exit-button{align-items:center;background-color:var(--mango-pearl);border-radius:10vh;color:var(--mango-onyx);cursor:pointer;display:flex;height:20px;justify-content:center;justify-items:center;margin:2vh;text-align:center;width:20px}.exit-button:hover{background-color:var(--mango)}.reveal-button{background-color:var(--mango-pearl);border-radius:2vh;color:var(--mango-onyx);cursor:pointer;padding:1vh;text-align:center}.reveal-button:hover,.selected{background-color:var(--mango)}.credits{text-align:center}.spacer{height:3vh}@media (max-width:768px){.Thumbnail-img{width:min(24vw,90px)}.Thumbnail-img:hover{width:min(28vw,100px)}.Thumbnail{font-size:max(12px,1.6vh);padding:0 .5rem 2rem;width:min(100%,160px)}.Music-body{gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;margin:0 3vw;overflow:visible;width:94vw}.header-row{align-items:flex-start;flex-direction:column;gap:1rem;padding-top:3vh;width:90%}.Track-row{font-size:12px;gap:.25rem;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;width:100%}.Detailed-release{height:85vh;padding:1rem;width:92vw}.Detailed-artwork{padding-bottom:2vh;width:min(60vw,240px)}.notes-subsection{padding-bottom:2vh;width:90%}.exit-button{margin:1vh}}@media (max-width:480px){.Music-body{grid-template-columns:1fr}.Thumbnail{margin:0 auto;max-width:220px;width:100%}.Track-row{font-size:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.Detailed-release{height:90vh;padding:.75rem;width:96vw}.Detailed-artwork{width:min(70vw,200px)}.notes-subsection{width:100%}}