*{margin:0;padding:0}:root{--primary:#ff0070;--primary-light:#ff007099;--primary-accent:#ff00704d;--text:#fff;--text-light:#ffffffbf;--bg:#000;--bg-light:#323232;--bg-accent:#646464;--default-transition:.4s ease}.center{display:flex;text-align:center;flex-flow:column;place-content: center;align-items: center}html,body{background-color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif}#app{display:grid;grid-template-rows:min-content min-content auto;height:100dvh}header{color:#ff0070;display:flex;background:#111;flex-flow:row;justify-content:center;align-items: center;gap:5vw}header>h1{margin-right:.5em;font-size:60px}@media (max-width:600px){header>h1{font-size:40px}}header>.logo{height:120px}@media (max-width:600px){header>.logo{height:80px}}.song-list{overflow-y:scroll;max-height:100%}.song{background:#fff;border-radius:5px;max-width:50vw;margin:1em auto;padding:1em}@media (max-width:600px){.song{max-width:100%;margin:1em}}.song>.title{color:#ff0070}.song>.artist{font-weight:500}input,input:focus{outline:none;border:none;width:10em;padding:.3em;font-size:x-large}.clickable:hover{cursor:pointer}.filter{background:#ff0070;padding:.5em}.filter-box{display:flex;background:#fff;flex-flow:row}.filter-box>span{padding:.2em;font-size:x-large}