*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}p{font-size:1.8rem}a{color:#1ed760;font-size:1.3rem;text-decoration:none;transition:color .3s}a:hover{color:#1bb752}button,input,select{font-size:1.5rem}body{background:radial-gradient(#f2f2f2 40%,#c9c9c9 100%);margin:0 auto;max-width:1200px;min-height:100vh;width:100%}.login-box{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.btn-login,.btn-search{background-color:#1ed760;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.btn-search{border-radius:0 20px 20px 0}.btn-login{border-radius:10px;margin-bottom:10px}.btn-login:hover,.btn-search:hover{background-color:#1bb752}.box-app{align-items:center;display:flex;flex-direction:column;height:95vh;margin-bottom:10px}.logo{-webkit-filter:drop-shadow(0 0 10px #fefefe);filter:drop-shadow(0 0 10px rgb(254,254,254));margin:10px;width:200px}.search{border:none;border-radius:20px 0 0 20px;padding:10px 20px;width:70%}.error-info{color:tomato;margin:5px 0}.box-filter{margin:10px;text-align:center}select{border:none;border-radius:20px;margin:5px;padding:5px 10px}.box-track,.option-default{text-align:center}.box-track{background-color:#fff;border-radius:30px;flex-grow:1;padding:20px 15px;width:95%}.item-track{background:radial-gradient(#f2f2f2 40%,#e3e2e2 100%);border-radius:40px;display:flex;flex-direction:column;margin:10px 0;padding:15px 20px;width:100%}.item-track img{border-radius:20px}.head-item-track{align-items:center;display:flex;margin-bottom:10px}.head-item-track img{margin-right:10px}.item-track div{text-align:left}audio{-webkit-filter:drop-shadow(0 0 10px #d9d9d9);filter:drop-shadow(0 0 10px rgb(217,217,217));width:100%}@media (min-width:576px){.search{width:55%}.item-track{align-items:center;flex-direction:row;justify-content:space-between}audio{width:100%}.head-item-track{margin-bottom:0}}@media (min-width:768px){audio{width:60%}}
/*# sourceMappingURL=main.f41da265.css.map*/