body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Inter;src:url(/static/media/Inter.853e01975d2783d9fa29.ttf) format("truetype")}@font-face{font-family:Lovan;src:url(/static/media/Lovan.98d96544061e12499237.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}::selection{background:#d8b1fd;color:#000}::-webkit-scrollbar{display:none;width:10px}::-webkit-scrollbar-track{opacity:0}::-webkit-scrollbar-thumb{background:#7979795e}::-webkit-scrollbar-thumb:hover{background:#9797975e}body{background-color:#000;color:#f1f1f1;font-family:Inter;font-size:large;font-weight:200;overflow-x:hidden}.no-select{-webkit-user-select:none;user-select:none}.background{opacity:1;z-index:-1}.background,.background-texture{background-color:#000;height:100%;left:0;position:absolute;top:0;width:100%}.background-texture{opacity:.17;z-index:-2}.background-gradient{background-image:linear-gradient(180deg,#000,#070707,#0e0e0e,#131313,#383838,#585858,#999,#505050,#222,#0e0e0e,#070707,#000);opacity:1}.background-gradient,.background-gradient-color{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-3}.background-gradient-color{background-color:#000}.canvas{height:100%;position:absolute;top:0;width:100%;z-index:0}.nav{align-items:center;background-color:#000;box-shadow:inset 0 -1px #1a1a1a;color:#fff;display:flex;gap:2rem;justify-content:space-between;padding:1rem 2rem;width:100vw;z-index:5}.sticky{position:fixed;top:0}.title{font-family:Lovan;font-size:xx-large;padding-left:5rem}.nav ul{text-wrap:nowrap;display:flex;gap:10rem;list-style:none;margin:0;padding:0 10rem}.nav a{color:inherit;text-decoration:none}.content{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;top:0;width:100vw}.left-card{width:60%}.center-card,.left-card{align-items:center;display:flex;justify-content:center}.center-card{width:100%}.card-content{font-size:larger;line-height:1.6;max-width:32rem;width:100%}.tag-list{list-style:none;margin:0;padding-inline:0}.scroll-item{align-items:center;color:#dfdfdf;display:flex;filter:drop-shadow(0 .5rem .5rem rgb(0,0,0));flex-shrink:0;flex-wrap:nowrap;height:8rem;justify-content:center;min-width:5rem;text-align:center}.scroll-item p{font-family:Lovan;font-size:150px}.scroller{margin-top:48vh;-webkit-mask:linear-gradient(90deg,#0000,red 20%,red 80%,#0000);mask:linear-gradient(90deg,#0000,red 20%,red 80%,#0000);max-width:50vw;overflow:hidden}.scroller__inner{animation:scroll 60s linear infinite;display:flex;flex-wrap:nowrap;gap:1rem;padding-block:1rem;width:-webkit-max-content;width:max-content}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.playlist-overlay-frame{align-items:end;gap:5%;height:100vh;justify-content:center;padding-block:5%}.playlist-overlay-frame,.song{display:flex;flex-wrap:nowrap;padding-inline:1rem;width:100%}.song{align-items:center;background-color:#1a1a1a00;border:none;color:#fff;gap:1rem;height:95px;padding-block:.5rem;text-align:left}.song:hover{background-color:#8181811e;cursor:pointer}.playlist{background-color:#1a1a1afa;border-radius:15px;box-shadow:0 .5rem 1rem -.25rem #0000004d;max-height:75vh;min-height:55vh;min-width:420px;overflow-y:scroll;padding-inline:1rem;padding-top:.6rem}.playlist-mobile{background-color:rgba(26,26,26,.959);bottom:0;box-shadow:0 .5rem 1rem -.25rem #0000004d;height:100vh;padding-inline:0;padding-top:1.5rem}.playlist-mobile,.playlist-mobile-scroll{margin-top:1rem;position:absolute;width:100%}.playlist-mobile-scroll{height:58%;overflow-y:scroll;padding-inline:.5rem;top:4rem}.now-playing{margin-bottom:25vh;margin-top:1rem;max-height:50vh;min-height:30vh;min-width:420px}.now-playing-frame{background-color:#1a1a1ae6;border-radius:15px;box-shadow:0 .5rem 1rem -.25rem #0000004d;max-width:350px;overflow:hidden;padding:1.5rem}.now-playing-mobile{margin-bottom:150px;margin-top:1rem;padding-inline:.5rem;width:100%}.now-playing-frame-mobile{background-color:#1a1a1a00;border-radius:8px;box-shadow:0 .5rem 1rem -.25rem #0000004d;overflow:hidden;padding:0}.media-controls{background-color:#1a1a1ad5;box-shadow:0 .5rem 1rem -.25rem #0000004d;margin-bottom:2rem;min-width:440px;width:540px}.media-controls,.media-controls-mobile{align-items:center;border-radius:25px;display:flex;flex-direction:column;height:150px;justify-content:center}.media-controls-mobile{background-color:#1d1d1d;bottom:0;margin-bottom:3rem;position:absolute;width:95%}.media-button{background-color:#f000;border:none;color:#fff}.media-button:active{opacity:.5;transform:translateY(1px)}.media-button:hover{color:silver;cursor:pointer}.timeline{align-items:end;display:flex;flex-wrap:nowrap;gap:2rem;height:1rem;justify-content:center;width:100%}.scrubber-frame{background-color:rgba(65,65,65,.822);border-radius:25px;height:6px;margin-top:1.4rem;overflow:hidden;width:70%}.scrubber{background-color:#fff;height:100%;width:0}.scrubber-time{font-size:small;margin-bottom:-5px;width:1rem}@media (max-width:375px){.nav{gap:0;padding:1rem 0}.title{font-size:large;padding-left:2rem}.nav ul{font-size:x-small;gap:1.5rem;padding:0 2rem}.scroller{margin-top:0;max-width:90vw}.scroll-item p{font-size:100px}.left-card{align-items:center;display:flex;justify-content:center;width:100%}.card-content{font-size:small;max-width:22rem;padding-inline:2rem;padding-top:13rem;width:100%}}@media (min-width:376px) and (max-width:475px){.nav{gap:2rem;padding:1rem 0}.title{font-size:large;padding-left:2rem}.nav ul{font-size:x-small;gap:2rem;padding:0 2rem}.scroller{margin-top:0;max-width:90vw}.scroll-item p{font-size:100px}.left-card{align-items:center;display:flex;justify-content:center;width:100%}.card-content{font-size:small;max-width:22rem;padding-inline:2rem;padding-top:13rem;width:100%}}@media (min-width:476px) and (max-width:768px){.nav{gap:0;padding:1rem 0}.title{font-size:x-large;padding-left:4rem}.nav ul{font-size:small;gap:3rem;padding:0 4rem}.scroller{margin-top:0;max-width:80vw}.scroll-item p{font-size:100px}.left-card{align-items:center;display:flex;justify-content:center;width:60%}.card-content{font-size:medium;max-width:22rem;padding-inline:2rem;padding-top:13rem;width:100%}}@media (min-width:769px) and (max-width:1024px){.nav{padding:1rem 0}.title{font-size:x-large;padding-left:5rem}.nav ul{font-size:medium;gap:5rem;padding:0 5rem}.scroller{max-width:70vw}.scroll-item p{font-size:100px}.left-card{align-items:center;display:flex;justify-content:center;width:60%}.card-content{font-size:large;padding-inline-start:2rem;width:100%}.playlist-overlay-frame{gap:3%}.media-controls{min-width:340px}.timeline{gap:1.5rem}.playlist{min-width:300px}.now-playing,.now-playing-frame{min-width:200px}}@media (min-width:1025px) and (max-width:1280px){.nav ul{gap:5rem;padding:0 5rem}.playlist-overlay-frame{gap:3%}.media-controls{min-width:340px}.timeline{gap:1.5rem}.playlist{min-width:300px}.now-playing,.now-playing-frame{min-width:200px}}@media (min-width:1024.001) and (max-width:1440px){.timeline{gap:1.5rem}.now-playing,.now-playing-frame,.playlist{min-width:300px}}
/*# sourceMappingURL=main.5c394f0d.css.map*/