@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@600;900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}:root{--color-onyx:#353535;--color-cream:#f8ebd1;--color-pista:#0fab82;--color-blood:crimson;--text-bold:500;--text-black:900}html{font-size:16px;scroll-behavior:smooth;line-height:normal}a,a :visited{text-decoration:none}body{font-family:Catamaran,sans-serif;color:var(--color-onyx);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;text-align:center;background:var(--color-cream);padding:1em}h4{font-weight:600}.navbar{max-width:80ch;margin:5em auto;min-height:25vh;-ms-flex-pack:justify;justify-content:space-between}.navbar,.navlinks{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}.navlinks{font-size:1em;line-height:1;-ms-flex-pack:end;justify-content:flex-end;text-align:right;row-gap:.5em;margin-top:1em}.navlinks a,a:visited{padding:.25em;color:var(--color-onyx);font-weight:600;transition:all .3s ease-in-out;border:2px dashed var(--color-pista)}.navlinks a:hover{color:var(--color-pista);border:2px dashed var(--color-blood)}.music-player{margin:1rem auto;max-width:30rem;color:var(--color-onyx);border-radius:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pagetitle{font-size:4em;word-wrap:break-word;text-transform:uppercase;line-height:.75;text-align:left;width:-moz-fit-content;width:fit-content}.pagetitle a{line-height:.75;color:var(--color-onyx);border-top:4px solid transparent;border-right:4px solid transparent;transition:all .2s ease-in-out;transition-delay:.2s;border-radius:50%}.pagetitle a:hover{color:var(--color-pista);border-top:4px solid var(--color-blood);border-right:4px solid var(--color-blood)}.music-player--details{position:relative}.details-img img{max-width:100%;border-radius:.25rem}.music-player--controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-bottom:2em}.music-player--controls .play-btn{padding:1.25em;margin-left:1em;margin-right:1em;font-size:1.5em;border:6px dashed;outline:none;background:none;transition:all .3s ease-in-out}.play-btn:focus,.play-btn:hover{color:var(--color-pista);opacity:1;border:6px dashed var(--color-blood)}.play-btn:hover{cursor:pointer}.music-player--controls .skip-btn{padding:.7rem;font-size:1rem;outline:none;background:none;border:4px dashed transparent;transition:all .3s ease-in-out}.skip-btn:focus,.skip-btn:hover{color:var(--color-blood);border:4px dashed var(--color-pista);opacity:1}.skip-btn:hover{cursor:pointer}.details-img--image{padding-top:1em;width:25rem;height:auto}.artist-info{padding-top:1.5rem;padding-bottom:1.25rem;text-align:center}.details-title{font-size:2em;margin-bottom:0}.details-artist{font-size:1.5em;font-weight:300;color:#666}.info__song{font-size:1.15rem;font-weight:400;color:#d30320}.next-track{font-size:2em}.next-details,.next-track{display:block}.nextsong-details img{border-radius:1rem}.music-bars{margin:2em auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:5em;height:3em}.music-bars span{width:10px;height:100%;background-color:var(--color-blood);border-radius:1px;content:"";animation:bounce 2.4s ease infinite alternate}.music-bars span:nth-of-type(2){animation-delay:-2.2s;background-color:var(--color-pista)}.music-bars span:nth-of-type(3){animation-delay:-3.7s;background-color:#8dd5ff}.music-bars span:nth-of-type(4){animation-delay:1s;background-color:#e651f4}.music-bars span:nth-of-type(5){animation-delay:-1.5s;background-color:#7751f4}.music-bars:hover{filter:hue-rotate(222deg)}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}@keyframes slide-in-blurred-left{0%{transform:translateX(-1000px) scaleX(1) scaleY(1);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}.slide-in-blurred-left{animation:slide-in-blurred-left 2s ease-in-out;animation-delay:.5s}@media (min-width:768px){.pagetitle{font-size:8em}.navlinks{font-size:1.25em}}@media (min-width:1024px){.navbar{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;max-width:150ch;min-height:20vh}.pagetitle{font-size:10em;max-width:10ch}.navlinks{font-size:1.5em;margin-top:0}}@media (min-width:1440px){.pagetitle{font-size:15em}.navbar{max-width:180ch}.navlinks{font-size:4em}}
/*# sourceMappingURL=main.efd181b9.css.map*/