html{font-family:Noto Sans,sans-serif;color:#fff;background-color:#000}body{margin:0}.card{width:600px;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.card>img{width:600px;height:600px;border-radius:5px}.card .card-blur{position:absolute;width:650px;height:650px;filter:blur(400px);z-index:-1}.card .card-blur>img{width:100%;height:100%}.card .track-name{font-size:28px;font-weight:700}.card .track-artists{font-size:22px}input[type=text]{background-color:#1a1a1a;border:none;font-size:20px;padding:5px 15px;border-radius:25px;color:#fff}input[type=text]:focus{outline:2px white solid}.popover{position:absolute;top:100%;left:0;width:100%;height:100%}button{padding:5px 15px;border-radius:25px;font-size:20px;color:#000;font-weight:700;background-color:#0f0;border:none}button:hover{background-color:#0c0}button:active{background-color:green}button:disabled{cursor:not-allowed;background-color:green}form.request-form{display:flex;flex-direction:column;align-items:center;gap:10px}form.request-form input{width:300px}form.request-form button{width:200px}section h1{font-size:40px;text-align:center;margin-top:.6em;margin-bottom:.4em}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.material-icon{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}progress{appearance:none;background-color:#cdd6f455;border:none}::-moz-progress-bar{background-color:#fff}::-webkit-progress-value{background-color:#fff}section{display:flex;flex-flow:column nowrap;gap:10px}hr{border-color:#fff;width:100%}table{width:100%}table th{text-align:left}table td{padding:3px 0}table td.title-and-artist{display:inline-flex;gap:10px}table td.title-and-artist img{width:50px;height:50px;border-radius:5px}table td.title-and-artist .track-name{font-size:18px}
