.artists{color:#fff;width:75%}.artists h1{font-size:5vw}.artists .container{display:flex;width:100%}.artists .img-container{height:0;padding-bottom:30%;position:relative;width:30%}.artists .main-img{-webkit-animation:fade-in 2s ease-in forwards;animation:fade-in 2s ease-in forwards;height:100%;object-fit:fill;position:absolute;width:100%}.artists .artist-card{display:flex;flex-direction:column;gap:12%;justify-content:flex-start;margin:1% 0 1% 25px;width:70%}.artists .artist-card *{margin:0}.artists h2{align-items:center;display:flex;font-size:2.5vw}.artists .genre{-webkit-animation:fade-in .5s ease-in-out forwards;animation:fade-in .5s ease-in-out forwards;font-size:2vw;font-style:italic}.artists p{-webkit-animation:fade-in 2s ease-in forwards;animation:fade-in 2s ease-in forwards;font-size:1.4vw}.artists .link{border-bottom:1px solid hsla(0,0%,50%,0);border-left:2px solid hsla(0,0%,50%,0);border-top:1px solid hsla(0,0%,50%,0);display:flex}.artists .link:hover{-webkit-animation:slideAndBorderAnimation 1s forwards;animation:slideAndBorderAnimation 1s forwards}@media (max-width:1023.9px){.artists h1{text-align:center}.artists .container{-webkit-animation:fade-in 2s ease-in-out forwards;animation:fade-in 2s ease-in-out forwards;background-color:#282828;border-radius:30px;display:flex;flex-direction:column;overflow:hidden}.artists .container .img-container{display:flex;height:0;justify-content:center;padding-bottom:100%;position:relative;width:100%}.artists .artist-card{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin:2.5px 0;width:100%}.artists h2{background-color:#fff;border:3px solid #000;border-radius:10px;color:#000;font-weight:700}.artists .genre,.artists h2{display:inline;font-size:16px;margin:0;padding:0 5px}.artists .genre{background-color:#000;border:1px solid #fff;border-radius:10px;font-family:Montserrat;font-style:normal;font-weight:400}.artists .description{display:none}.artists .link{margin:30px}.artists .link:hover{-webkit-animation:none;animation:none}}@media (min-width:768px) and (max-width:1023px){.artists h1{font-size:52.5px}.artists{width:60%}}@media (min-width:480px) and (max-width:767.9px){.artists h1{font-size:45px}.artists{width:75%}}@media (max-width:480px){.artists h1{font-size:37.5px}.artists{width:90%}.artists.rearranged{-webkit-filter:blur(1.25px);filter:blur(1.25px)}}
/*# sourceMappingURL=836.69b0b95b.chunk.css.map*/