@import url(https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap);body{font-family:Open Sans,sans-serif;background-color:#fdfaed;background-repeat:repeat;background-attachment:fixed;color:#25292c;margin:0 .5em;font-size:120%}@media(min-width:768px){body{margin:0 2em}}@media(max-width:360px){body{font-size:90%}}h1,h2,h3{color:#0168c9;line-height:1.1}h4,h5,h6{color:#a43128;line-height:1.1}a{color:#0168c9;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}a,a:hover{transition:all .4s ease}a:hover{color:#a43128}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#1b5e01;margin:1em auto 27vh;font-size:114%}@media(min-width:768px){#app{max-width:80%}}#app h1{font-size:2em;margin-bottom:.15em;margin-top:.25em}@media(min-width:768px){#app h1{font-size:2.5em}}#app h4{margin-top:.15em}#app:after{margin-top:50px;font-size:.51em;content:"~end of page~";display:block}nav,nav ul{display:flex}nav ul{list-style-type:none;padding:0;margin:0 auto;flex-direction:row;-moz-column-gap:1em;column-gap:1em;row-gap:.25em;flex-wrap:wrap;justify-self:center;justify-content:center}nav ul a{text-decoration:none;font-variant:all-petite-caps;font-weight:700;font-size:1.1em;transition:all .4s ease;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;border-bottom:2px solid transparent}nav ul a:hover{color:#a43128;filter:contrast(1.2);border-bottom:2px solid #0168c9}nav ul a.router-link-active{border-bottom:2px solid #a43128;color:#1b5e01}nav ul a.router-link-active:hover{color:#a43128}.colophon ul{list-style-type:none;padding:0;margin:1em auto 0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start}.colophon li{margin-bottom:.85em;line-height:1;border-left:7px solid #0168c9;padding:.25em .5em;text-align:left;width:-moz-fit-content;width:fit-content;text-wrap:none}.colophon blockquote{margin:0;padding-top:.42em;font-size:.6em;font-style:italic;color:#a43128;word-break:keep-all}.about{display:flex;flex-direction:column}.about p{text-align:left;padding:0 .25em;margin-top:0;margin-bottom:1.25em}.music-container .track-list{display:grid;grid-template-columns:1fr;gap:1.5em;list-style:lower-greek;margin:1em auto;height:auto;overflow-y:auto;padding:1em .5em;border-radius:.5em;background-color:#e9fde6}@media(min-width:880px){.music-container .track-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.music-container .track-list{max-width:70vw;gap:2em;padding:1.5em 3em}}.music-container .track-item{background:#fddced;cursor:pointer;transition:all .4s ease;box-shadow:0 0 10px rgba(0,0,0,.2);padding:.81em .81em .81em 1.65em;border-radius:.5em;text-align:left;display:flex;align-items:flex-start;min-height:-moz-fit-content;min-height:fit-content}.music-container .track-item:hover{box-shadow:0 0 11px rgba(0,0,0,.5);transition:all .4s ease}.music-container .track-cover{width:180px;height:80px;-o-object-fit:cover;object-fit:cover;margin-right:1em;display:none}.music-container .track-details h3,.music-container .track-details p{margin:0;padding-left:.15em}.music-container .track-details h3{color:#25292c;font-weight:700;font-size:1.65rem;line-height:1.05;display:list-item}.music-container .track-details h3::marker{color:#0168c9;font-weight:400;font-size:.75em}.music-container .track-details p{color:#1b5e01;font-size:1.1rem;margin-top:.25em}.music-container .track-duration{color:#25292c;font-size:1.1rem;margin-left:auto;align-self:flex-start;padding-left:1em}.music-container .currently-playing{background-color:#ffed92}.persistent-player{position:fixed;bottom:0;left:0;right:0;background-color:#ffed92;color:#000;padding:.75em;display:flex;height:-moz-fit-content;height:fit-content;justify-content:flex-start;align-items:center;flex-direction:column;filter:contrast(1.17)}.persistent-player .track-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.persistent-player .track-cover{width:5em;height:2em;-o-object-fit:cover;object-fit:cover;margin-right:16px;display:none}.persistent-player .track-details h4,.persistent-player .track-details p{margin:0;text-align:left}.persistent-player .track-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.persistent-player .controls{margin-top:.5em;display:flex;align-items:center;width:80vw}@media screen and (min-width:768px){.persistent-player .controls{max-width:55vw}}.persistent-player .no-track{text-align:left}.persistent-player button{background:none;border:none;cursor:pointer}.persistent-player button img{width:32px;height:32px}.persistent-player #seek-bar[type=range]{margin-left:1em;width:100%}.persistent-player .seek-bar::-webkit-slider-thumb{background:#a43128}.featured-track{color:#25292c}.not-found{text-align:center}.not-found h1{font-size:4em}.not-found p{font-size:2em}.not-found .not-found-image{display:block;margin:0 auto 1em;width:auto;max-height:40vh}.homepage-links{display:flex;justify-content:center;gap:1em;margin-top:1em;flex-wrap:wrap}.wip-project{text-align:center;margin:1em auto 2em;padding:1em;border:2px solid #a43128;border-radius:.5em;background-color:#fddced;color:#25292c;font-weight:700;transition:all .4s ease}@media screen and (min-width:768px){.wip-project{max-width:50vw}}.wip-project video{width:100%;height:auto;border-radius:.5em}@media screen and (min-width:768px){.wip-project video{max-width:30vw}}.wip-project p{margin:0 0 .5em}.button{padding:.5em 1em;border-radius:.75em;text-decoration:none;transition:all .4s ease}.button--primary{background-color:#a43128;color:#ffed92}.button--primary:hover{background-color:#ffed92;color:#a43128}.button--secondary{background-color:#1b5e01;color:#fddced}.button--secondary:hover{background-color:#fddced;color:#1b5e01}.button--tertiary{background-color:#0168c9;color:#fddced}.button--tertiary:hover{background-color:#fdfaed;color:#0168c9}.volume-control{border:2px solid #a43128;text-align:center;padding:.5em;width:-moz-fit-content;width:fit-content;margin:1em auto 0}#volume-slider[type=range]{width:15em;margin:1em}.music-bars{display:flex;justify-content:space-around;margin:2em auto;align-items:center;gap:1em;height:3em;width:7em}.music-bars .bar{width:1em;height:10%;background-color:#fddced;animation:animateBar 2s ease-in-out infinite alternate}.music-bars .bar:first-child{animation-delay:-.6s}.music-bars .bar:nth-child(2){animation-delay:-.4s}.music-bars .bar:nth-child(3){animation-delay:-.2s}.music-bars .bar:nth-child(4){animation-delay:0s}.music-bars .bar:nth-child(5){animation-delay:-.2s}@keyframes animateBar{0%{height:20%}50%{height:100%}to{height:20%}}body{font-family:Gabarito,sans-serif}