*{box-sizing:border-box;font-family:Figtree,sans-serif;margin:0;padding:0}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.space-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.extra-large-width,.full-width,.large-width,.max-width,.medium-width,.small-width{margin:0 auto;width:100%}.container{padding:50px 30px}.primary-header .container{padding:20px 30px}.search .container{padding:30px 30px 50px}.search .container.search-results{padding:30px 30px 100px}.artist .container{padding:50px 30px 0}.max-width{max-width:1600px}.small-width{max-width:500px}.medium-width{max-width:800px}.large-width{max-width:1000px}.extra-large-width{max-width:1200px}.extra-small-gap{gap:20px}.tiny-gap{gap:10px}.search .large-gap,.small-gap{gap:30px}.large-gap{gap:50px}.attribution,.back-to-top a,.link{border-bottom:1px solid #000;color:#000;text-decoration:none}.attribution:hover,.back-to-top a:hover,.link:hover{border-bottom:0;color:#036666;text-decoration:none}.btn,button{background-color:initial;border:0;color:#000}.btn,.circle-btn,button{cursor:pointer;display:inline-block}.circle-btn{font:600 1.25rem/1.4 Figtree,sans-serif;height:5rem;letter-spacing:.01em;text-decoration:none;text-transform:uppercase;width:5rem;word-spacing:.89em}.circle-btn:hover .label{animation-play-state:paused}.circle-btn .circle-btn-svg{fill:#000;stroke:#000;stroke-width:.05em;stroke-linecap:round;stroke-linejoin:round;height:auto;transform-box:fill-box;width:100%}.circle-btn .arrow{transform-origin:50% 50%}.circle-btn:hover .arrow{stroke:#036666;transform:scale(1.1);transition:transform .3s cubic-bezier(.33,1,.68,1)}.arrow{stroke-width:.09em}.label{animation:rotateReverse 20s linear infinite normal;transform-origin:50% 50%}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotateReverse{to{transform:rotate(1turn)}}.search,header{background:#88d4ab;background:linear-gradient(90deg,#f3f3f3 50%,#78c6a3 0)}header{margin-bottom:-1px;min-height:64px}.logout .btn-text{border-bottom:1px solid #fff;color:#fff;letter-spacing:1px;padding-bottom:2px;text-transform:uppercase}.logout .btn-text:hover{border-bottom:0;color:#000}.primary-heading{font-size:2.5rem}.primary-subhead{font-size:1rem;font-weight:600}h3{padding-bottom:30px}.search .container .search-query{background-color:#fff!important;border:1px solid #000;border-right:0;max-width:100%;padding:12px;width:100%}.search-query:focus{outline:none}.search-query:active,input:-internal-autofill-selected{background-color:#fff!important}.search-btn{background-color:#fff;border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;padding:12px}.search-btn:hover{background-color:#036666;color:#fff}.artist .container{position:relative}.artist-search{row-gap:10px}.artist-search .search-btn{align-self:flex-start;border-left:1px solid #000}.clear-btn{background-color:#fff;border-bottom:1px solid #000;border-left:0;border-right:0;border-top:1px solid #000;cursor:pointer;padding:10px;z-index:10}.artist-image img{border:1px solid #000;margin:-100px 0 0;max-width:600px;width:100%}.artist-name h2{font-size:2rem;padding-bottom:10px}.followers p{color:#888;font-weight:300}.artist-header-left-col.artist-profile-img{order:1;padding-bottom:30px;position:relative}.artist-header-right-col.artist-profile-name{order:2;padding-bottom:50px}.artist-header-bottom.artist-genres{order:3}.line-divider{border-bottom:1px solid #000;margin:50px 0}.popular-songs-list{padding-bottom:50px}.genres ul,.popular-songs-list .songs-list{list-style-type:none}.genres li{background-color:#036666;border-radius:50px;color:#fff;display:inline-block;padding:12px 24px}.biography{padding-bottom:50px}.biography p{font-size:1.2rem;line-height:1.5}.popular-songs-list li{background-color:#f3f3f3;-webkit-clip-path:polygon(100% 0,100% 85%,85% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 85%,85% 100%,0 100%,0 0);display:flex;min-height:300px;padding:30px;position:relative}.popular-songs-list .songs-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(1,1fr);width:100%}.track-number{bottom:30px;color:#036666;font-size:2rem;font-weight:600;left:30px;position:absolute}.track-name{line-height:1.5}footer{background-color:#fff}.footer-signature{line-height:1.5}.footer-wrapper.flex.flex-row{flex-direction:column}@media screen and (min-width:320px){.primary-heading{font-size:13vw;white-space:nowrap}.primary-subhead{font-size:1.2rem}.circle-btn{font:600 1.25rem/1.4 Figtree,sans-serif;height:6rem;letter-spacing:.01em;width:6rem;word-spacing:.89em}}@media screen and (min-width:400px){.logo img{width:100px}.primary-heading{font-size:13.5vw;white-space:nowrap}.artist-search{gap:0}.search .container .search-query{max-width:250px}}@media screen and (min-width:480px){.primary-heading{font-size:14vw;white-space:nowrap}.primary-subhead{font-size:1.5rem}.circle-btn{font:600 1.25rem/1.4 Figtree,sans-serif;height:7rem;letter-spacing:.01em;width:7rem;word-spacing:.89em}.artist-name h2{padding-bottom:20px}.artist-wrapper .flex.flex-column{flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between}.artist-header-left-col.artist-profile-img,.artist-header-right-col.artist-profile-name{flex:1 1;padding-bottom:0}.artist-header-bottom.artist-genres{flex:100% 1}.artist-image img{left:30px;margin:0;position:relative;top:-100px}.search .container .search-query{max-width:280px}}@media screen and (min-width:550px){.primary-heading{font-size:14.2vw;white-space:nowrap}.circle-btn{font:600 1.25rem/1.4 Figtree,sans-serif;height:8rem;letter-spacing:.01em;width:8rem;word-spacing:.89em}.footer-wrapper.flex.flex-row{flex-direction:row}}@media screen and (min-width:641px){.primary-heading{font-size:14.5vw;white-space:nowrap}.search .large-gap{gap:50px}.artist-name h2{font-size:2.5rem}.popular-songs-list .songs-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.primary-header .container{padding:20px 50px}.container{padding:80px 50px}.search .container{padding:0 50px 80px}.search .container.search-results{padding:0 50px 130px}.artist .container{padding:80px 50px 0}.primary-heading{font-size:14vw;white-space:nowrap}.artist-name h2{font-size:3rem}.artist-image img{left:50px;top:-130px}.line-divider{margin:80px 0}.biography{padding-bottom:80px}}@media screen and (min-width:880px){.logo img{width:120px}.primary-heading{font-size:14.2vw;white-space:nowrap}.artist-name h2{font-size:3.5rem}}@media screen and (min-width:1025px){.primary-heading{font-size:14.5vw;white-space:nowrap}.artist-name h2{font-size:4rem}.genres ul{width:50%}.biography p{column-count:2;gap:50px}}@media screen and (min-width:1200px){.logo img{width:140px}.primary-heading{font-size:14.75vw;white-space:nowrap}.artist-name h2{font-size:5rem}h3{padding-bottom:50px}.popular-songs-list .songs-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1400px){.primary-heading{font-size:15vw;white-space:nowrap}.artist-name h2{font-size:6rem}}@media screen and (min-width:1450px){.biography p{column-count:3}.popular-songs-list .songs-list{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1550px){.artist-header-left-col.artist-profile-img{display:flex;justify-content:center}.artist-image img{left:0}}@media screen and (min-width:1600px){.popular-songs-list .songs-list{grid-template-columns:repeat(5,1fr)}}
/*# sourceMappingURL=main.790a0e40.css.map*/