._container_xy9fk_1{width:100vw;height:100vh;background-color:#343a40}._container_xy9fk_1 ._loginCard_xy9fk_6{height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#495057;border-radius:10px;color:#fff;padding:50px;box-sizing:border-box}@media screen and (max-width:700px){._container_xy9fk_1 ._loginCard_xy9fk_6{width:90%}}@media screen and (min-width:701px) and (max-width:1300px){._container_xy9fk_1 ._loginCard_xy9fk_6{width:50%}}@media screen and (min-width:1301px){._container_xy9fk_1 ._loginCard_xy9fk_6{width:30%}}._container_xy9fk_1 ._loginCard_xy9fk_6 h2{text-align:center;margin:0}._container_xy9fk_1 ._loginCard_xy9fk_6 a,._container_xy9fk_1 ._loginCard_xy9fk_6 button{display:flex;width:80%;margin:12px auto;padding:16px;box-sizing:border-box;cursor:pointer;outline:0;border:none;justify-content:center;color:#fff;border-radius:5px;text-decoration:none;font-size:16px}._container_xy9fk_1 ._loginCard_xy9fk_6 a svg,._container_xy9fk_1 ._loginCard_xy9fk_6 button svg{margin-right:10px;font-size:20px}._container_xy9fk_1 ._loginCard_xy9fk_6 ._githubBtn_xy9fk_56{background-color:#212529}._container_xy9fk_1 ._loginCard_xy9fk_6 ._spotifyBtn_xy9fk_59{background-color:#00d159}._container_xy9fk_1 ._loginCard_xy9fk_6 p{text-align:center}._container_xy9fk_1 ._credits_xy9fk_65{position:absolute;right:0;bottom:0;text-align:center;color:#fff;padding:20px}@media (min-width:480px){._loginCard_xy9fk_6{width:90%}}._container_1ckzm_1{width:100vw;height:100vh;background-color:#343a40;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}._container_1ckzm_1 h2{color:#fff;background-color:#495057;padding:20px;border-radius:10px}._container_9asgc_1{width:100vw;min-height:100vh;padding:20px;box-sizing:border-box}._container_9asgc_1 ._searchBar_9asgc_7{width:100%;position:relative}._container_9asgc_1 ._searchBar_9asgc_7 input{width:100%;padding:20px;box-sizing:border-box}._container_9asgc_1 ._searchBar_9asgc_7 svg{position:absolute;right:0;top:0;padding:20px}._container_l2ekv_1{width:100%;display:grid;grid-template-columns:repeat(auto-fill,200px);justify-content:space-between}._container_l2ekv_1 ._item_l2ekv_7{width:200px;margin:5px 0;border-radius:5px;overflow:hidden;background-color:#212529;padding:10px;box-sizing:border-box;position:relative}._container_l2ekv_1 ._item_l2ekv_7 ._cover_l2ekv_17{width:100%;height:180px;background-color:#00b4d8;display:flex;justify-content:center;align-items:center;position:relative}._container_l2ekv_1 ._item_l2ekv_7 ._cover_l2ekv_17 img{width:100%;height:auto;margin:0;padding:0}._container_l2ekv_1 ._item_l2ekv_7 p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:14px}._container_l2ekv_1 ._item_l2ekv_7 ._info_l2ekv_40{position:absolute;width:30px;height:30px;top:180px;right:10px;padding:5px;cursor:pointer;margin:3px;border-radius:50%;background-color:salmon;display:flex;justify-content:center;align-items:center;visibility:hidden;transition:visibility .1s,transform .1s}._container_l2ekv_1 ._item_l2ekv_7:hover{background-color:#495057}._container_l2ekv_1 ._item_l2ekv_7:hover ._info_l2ekv_40{visibility:visible;transform:translateY(-10px)}._container_l2ekv_1::after{content:"";flex:auto}._infoContainer_l2ekv_70{width:auto;height:auto;position:relative}._infoContainer_l2ekv_70 ._coverimg_l2ekv_75{width:220px;height:220px;margin:0 auto}._infoContainer_l2ekv_70 ._coverimg_l2ekv_75 img{width:100%;height:100%}body{margin:0;padding:0;font-family:sans-serif;overflow-x:hidden}