@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d3d3d3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.home,body{margin:0}.home header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#3a793e;font-family:Comfortaa,cursive;left:0;margin:0;padding:20px 0;position:fixed;text-align:center;top:0;width:100%;z-index:1}.home header h1{margin:0}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#3a793e;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.loading{left:50%;opacity:1;padding-top:10%;position:absolute;text-align:center;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s ease-out}.track-container{min-height:100vh;position:relative}.track-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-around;opacity:0;padding:0 20px;transition:opacity .5s ease-in}.loaded .loading{opacity:0}.loaded .track-list{opacity:1}.track{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-decoration:none;transition:.4s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:25vw}@media (min-width:768px){.track{width:15vw}}.track:hover{-webkit-transform:translateY(-.521vw);transform:translateY(-.521vw)}.track>a{flex-grow:1}.track a{text-decoration:none}.track p{margin:5px 0}.album-img{border-radius:1.042vw;box-shadow:0 5px 10px #789;pointer-events:none;width:100%}.artists-names,.track-name{color:#000;overflow-wrap:break-word;text-align:start}.artists-names{color:#3a793e;font-size:small;font-style:italic}.artist-link{color:#3a793e;font-style:normal;text-decoration:none}.artist-link:hover{text-decoration:underline}.artist-page,.track-page{justify-content:center;margin:1%;padding-top:1.352vw;text-align:center}.artist-page-infos,.track-page-infos{margin:auto;width:20vw}.homepage-btn{background-color:#3a793e;border:0;border-radius:1.042vw;cursor:pointer;margin:2.604vw auto;padding:1vw;transition:.3s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.homepage-btn span{-webkit-font-smoothing:antialiased;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none}.homepage-btn:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.spotify-link{color:#3a793e;text-decoration:none}.spotify-link:hover{text-decoration:underline}.artist-genre{background-color:#3a793e;border-radius:25px;color:#d3d3d3;padding:5px 10px 5px 2.5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.genre-container{display:flex;flex-direction:row;gap:10px;justify-content:center;margin:0 0 20px;padding:0}.genre-container li{list-style-type:none}.genre-container li span{background-color:#62ca69;border-radius:50%;color:#000;margin-right:3px;padding:2.5px 7px}
/*# sourceMappingURL=main.315e827d.css.map*/