@import url(https://fonts.googleapis.com/css2?family=League+Gothic&family=Montserrat&display=swap);:root{--white-color:#f1f1f1;--green-color:#50a584;--green-strong-color:#50a584;--gray-color:#898888;--black-header-color:rgba(0,0,0,.7)}*{box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:14px;margin:0;padding:0}body{background-color:#000;overflow-x:hidden;position:relative}body:after{-webkit-animation:grain .4s infinite;animation:grain .4s infinite;background-image:url(/static/media/bg_static.e2ff2e29bfeb02dc6f2d.webp);background-position:50%;content:"";height:300%;left:-50%;opacity:.9;position:fixed;top:-110%;width:300%;z-index:-2}@-webkit-keyframes grain{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}40%{-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}50%{-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(15%);transform:translateY(15%)}80%{-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}}@keyframes grain{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}40%{-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}50%{-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(15%);transform:translateY(15%)}80%{-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}}#header{left:0;position:fixed;top:0;width:100%}#header>div{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1300px;padding:2rem 3.5rem;position:relative;width:100%;z-index:3}@media screen and (min-width:1840px){#header>div{max-width:2100px}}@media screen and (max-width:1240px){#header>div{background-color:var(--black-header-color)}}@media screen and (max-width:820px){#header>div{padding:.5rem 1rem}}#header>div>a>img{position:relative;width:50px}#header>div>button{background-color:initial;border:0}#header>div>button>i{color:var(--white-color);cursor:pointer;font-size:2.2rem}#header>div>nav{margin-right:3.85rem;position:absolute;right:0;top:120px}@media screen and (max-width:1240px){#header>div>nav{margin-right:0;position:static}}@media screen and (max-width:580px){#header>div>nav{display:none}}#header>div>nav>ul{display:flex;flex-direction:column;height:250px}@media screen and (max-width:1240px){#header>div>nav>ul{-webkit-column-gap:20px;column-gap:20px;flex-direction:row;height:100%}}#header>div>nav>ul>li{list-style:none}#header>div>nav>ul>li>a>i{color:var(--white-color);font-size:1.4rem;padding-bottom:20px}@media screen and (max-width:1240px){#header>div>nav>ul>li>a>i{font-size:2.3rem;padding-bottom:0}}#main>section:first-child{align-items:center;display:flex;justify-content:center;padding-top:13rem}@media screen and (max-width:990px){#main>section:first-child{flex-direction:column;padding-top:10rem}}#main>section:first-child>.cover{position:relative;width:28rem;z-index:-1}@media screen and (min-width:1840px){#main>section:first-child>.cover{width:58rem}}@media screen and (max-width:990px){#main>section:first-child>.cover{display:flex;flex-direction:column-reverse;width:50rem}}@media screen and (max-width:820px){#main>section:first-child>.cover{width:30rem}}@media screen and (max-width:460px){#main>section:first-child>.cover{width:90%}}#main>section:first-child>.cover>div>p{bottom:10px;left:-30px;position:absolute}@media screen and (max-width:820px){#main>section:first-child>.cover>div>p{padding-top:20px;position:static}}#main>section:first-child>.cover>div>p,#main>section:first-child>.cover>div>p>span{color:var(--white-color);font-size:1.3rem;font-style:italic;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}@media screen and (max-width:820px){#main>section:first-child>.cover>div>p,#main>section:first-child>.cover>div>p>span{font-size:1.1rem;-webkit-transform:rotate(0);transform:rotate(0);-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}}@media screen and (max-width:460px){#main>section:first-child>.cover>div>p,#main>section:first-child>.cover>div>p>span{font-size:.9rem}}#main>section:first-child>.cover>div>p>span{color:var(--green-color);font-weight:700}#main>section:first-child>.cover>img{width:100%}#main>section:first-child>.cover-info{margin-left:3rem;max-width:30rem}@media screen and (min-width:1840px){#main>section:first-child>.cover-info{max-width:45rem}}@media screen and (max-width:990px){#main>section:first-child>.cover-info{margin-left:0;max-width:54rem;padding-top:2rem}}@media screen and (max-width:820px){#main>section:first-child>.cover-info{max-width:30rem}}@media screen and (max-width:460px){#main>section:first-child>.cover-info{width:90%}}#main>section:first-child>.cover-info>h1{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--white-color);-webkit-text-fill-color:transparent;color:var(--white-color);font-family:League Gothic,sans-serif;font-size:4rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;word-break:break-word}@media screen and (min-width:1840px){#main>section:first-child>.cover-info>h1{font-size:6rem}}@media screen and (max-width:820px){#main>section:first-child>.cover-info>h1{-webkit-text-fill-color:var(--white-color);-webkit-text-stroke-width:0;-webkit-text-stroke-color:transparent;font-size:3.3rem}}@media screen and (max-width:460px){#main>section:first-child>.cover-info>h1{font-size:2.3rem}}#main>section:first-child>.cover-info>p{color:var(--white-color);font-size:2rem;font-weight:700;margin-top:10px;text-transform:uppercase}@media screen and (min-width:1840px){#main>section:first-child>.cover-info>p{font-size:2.6rem}}@media screen and (max-width:820px){#main>section:first-child>.cover-info>p{font-size:1.2rem}}#main>section:first-child>.cover-info>div{-webkit-column-gap:10px;column-gap:10px;display:flex;margin-top:4rem}@media screen and (max-width:820px){#main>section:first-child>.cover-info>div{margin-top:2rem}}@media screen and (max-width:350px){#main>section:first-child>.cover-info>div{align-items:flex-start;flex-direction:column;row-gap:10px}}#main>section:first-child>.cover-info>div>button{background-color:var(--green-color);border:1px solid var(--green-strong-color);color:var(--white-color);cursor:pointer;display:flex;font-family:League Gothic,sans-serif;font-size:1.6rem;letter-spacing:2px;padding:.8rem 3.1rem;text-transform:uppercase;transition:.3s}@media screen and (max-width:820px){#main>section:first-child>.cover-info>div>button{font-size:1.2rem;padding:.8rem 2.1rem}}#main>section:first-child>.cover-info>div>button:last-child{background-color:initial;border:1px solid var(--white-color)}#main>section:first-child>.cover-info>div>button>i{font-size:2.1rem;padding-right:6px}@media screen and (max-width:820px){#main>section:first-child>.cover-info>div>button>i{font-size:1.4rem}}#main>section:first-child>.cover-info>div>button:hover{background-color:var(--white-color);border:1px solid var(--white-color);color:#000}#main>section:nth-child(2),#main>section:nth-child(3),#main>section:nth-child(4){margin:0 auto;width:64rem}@media screen and (min-width:1840px){#main>section:nth-child(2),#main>section:nth-child(3),#main>section:nth-child(4){width:110rem}}@media screen and (max-width:990px){#main>section:nth-child(2),#main>section:nth-child(3),#main>section:nth-child(4){width:54rem}}@media screen and (max-width:820px){#main>section:nth-child(2),#main>section:nth-child(3),#main>section:nth-child(4){width:30rem}}@media screen and (max-width:460px){#main>section:nth-child(2),#main>section:nth-child(3),#main>section:nth-child(4){width:90%}}#main>section:nth-child(2)>h2,#main>section:nth-child(3)>h2,#main>section:nth-child(4)>h2{color:var(--white-color);font-family:League Gothic,sans-serif;font-size:5.5rem;letter-spacing:5px;padding:7rem 0 0;text-transform:uppercase}@media screen and (max-width:820px){#main>section:nth-child(2)>h2,#main>section:nth-child(3)>h2,#main>section:nth-child(4)>h2{font-size:3.5rem}}@media screen and (max-width:460px){#main>section:nth-child(2)>h2,#main>section:nth-child(3)>h2,#main>section:nth-child(4)>h2{font-size:3rem}}#main>section:nth-child(2)>div{display:flex;flex-wrap:wrap;margin-top:2rem}#main>section:nth-child(2)>div>.icon-second-part{border:1px solid var(--white-color);padding:1.5rem;position:relative}@media screen and (max-width:820px){#main>section:nth-child(2)>div>.icon-second-part{padding:1rem}}#main>section:nth-child(2)>div>.icon-second-part>a{color:var(--white-color);display:flex;font-family:League Gothic,sans-serif;font-size:1.5rem;letter-spacing:2px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}@media screen and (max-width:820px){#main>section:nth-child(2)>div>.icon-second-part>a{font-size:1.2rem}}#main>section:nth-child(2)>div>.icon-second-part>.title{background-color:var(--white-color);color:#000;font-family:League Gothic,sans-serif;font-size:1.4rem;opacity:0;padding:5px 10px;position:absolute;text-transform:uppercase;top:-24px;transition:.5s;width:-webkit-max-content;width:max-content;z-index:3}@media screen and (max-width:820px){#main>section:nth-child(2)>div>.icon-second-part>.title{font-size:.9rem}}#main>section:nth-child(2)>div>.icon-second-part:first-child>.title{left:-25%}@media screen and (max-width:820px){#main>section:nth-child(2)>div>.icon-second-part:first-child>.title{left:-18%}}#main>section:nth-child(2)>div>.icon-second-part:nth-child(2)>.title{left:-55%}#main>section:nth-child(2)>div>.icon-second-part:nth-child(3)>.title,#main>section:nth-child(2)>div>.icon-second-part:nth-child(4)>.title{left:-60%}#main>section:nth-child(2)>div>.icon-second-part:nth-child(5)>.title{left:-48%}#main>section:nth-child(2)>div>.icon-second-part:nth-child(6)>.title{left:-45%}#main>section:nth-child(2)>div>.icon-second-part>a:hover~.title{opacity:100%}#main>section:nth-child(2)>div>.icon-second-part>.title:after{background-color:var(--white-color);bottom:-7px;content:"";height:15px;left:calc(50% - 7.5px);position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:15px;z-index:-1}#main>section:nth-child(2)>div>.icon-second-part>a>i{color:var(--white-color);font-size:1.8rem}@media screen and (max-width:820px){#main>section:nth-child(2)>div>.icon-second-part>a>i{font-size:1.3rem}}#main>section:nth-child(3)>h2{padding:3rem 0 0}#main>section:nth-child(3)>div{align-items:stretch;-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:column;padding:3.5rem 0 0;row-gap:30px}#main>section:nth-child(3)>div>.song{grid-gap:5px;align-content:center;align-items:center;display:grid;grid-template-columns:5% 5% 1fr 8% 5%;justify-content:start;justify-items:start}@media screen and (min-width:1840px){#main>section:nth-child(3)>div>.song{grid-template-columns:5% 5% 1fr 8% 5%}}@media screen and (max-width:820px){#main>section:nth-child(3)>div>.song{grid-template-columns:5% 10% 1fr 12% 5%}}@media screen and (max-width:350px){#main>section:nth-child(3)>div>.song{grid-template-columns:5% 10% 1fr 14% 7%}}#main>section:nth-child(3)>div>.song>.id{color:var(--white-color);font-size:1.4rem;width:-webkit-min-content;width:min-content}@media screen and (max-width:820px){#main>section:nth-child(3)>div>.song>.id{font-size:1.2rem}}#main>section:nth-child(3)>div>.song>.button-play,#main>section:nth-child(3)>div>.song>.button-share{background-color:initial;border:0}#main>section:nth-child(3)>div>.song>.button-play>i,#main>section:nth-child(3)>div>.song>.button-share>i{color:var(--white-color);cursor:pointer;font-size:2.4rem}@media screen and (max-width:820px){#main>section:nth-child(3)>div>.song>.button-play>i,#main>section:nth-child(3)>div>.song>.button-share>i{font-size:2rem}}#main>section:nth-child(3)>div>.song>.titles{color:var(--white-color);display:flex;flex-direction:column;font-weight:700}#main>section:nth-child(3)>div>.song>.titles>span:first-child{font-size:1.2rem}@media screen and (max-width:820px){#main>section:nth-child(3)>div>.song>.titles>span:first-child{font-size:.9rem}#main>section:nth-child(3)>div>.song>.titles>span:last-child{font-size:.7rem}}#main>section:nth-child(3)>div>.song>.duration{color:var(--white-color);font-size:1.2rem}@media screen and (max-width:820px){#main>section:nth-child(3)>div>.song>.duration{font-size:1rem}}#main>section:nth-child(3)>div>.song>.button-share>i{font-size:1.5rem}#main>section:nth-child(4)>.form-search-artist{grid-column-gap:20px;border-bottom:1px solid var(--gray-color);-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:75% 1fr;padding:3rem 0 1rem}@media screen and (max-width:820px){#main>section:nth-child(4)>.form-search-artist{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);row-gap:20px}}#main>section:nth-child(4)>.form-search-artist>input{background-color:initial;border-color:transparent;color:var(--white-color);font-size:1.5rem}#main>section:nth-child(4)>.form-search-artist>input:focus{border-color:transparent;outline:none}#main>section:nth-child(4)>.form-search-artist>button{align-items:center;background-color:initial;border:transparent;color:var(--white-color);cursor:pointer;display:flex;font-family:League Gothic,sans-serif;font-size:1.5rem;justify-content:center;padding:.5rem;text-transform:uppercase;transition:.3s;width:100%}#main>section:nth-child(4)>.form-search-artist>button>.search-title{display:none}@media screen and (max-width:820px){#main>section:nth-child(4)>.form-search-artist>button>.search-title{display:inline;font-size:1.2rem;font-weight:700;margin-right:.5rem}}#main>section:nth-child(4)>.form-search-artist>button>i{color:var(--white-color);font-size:1.5rem;transition:.3s}#main>section:nth-child(4)>.form-search-artist>button:hover{background-color:var(--white-color);border-color:var(--white-color);color:#000}#main>section:nth-child(4)>.form-search-artist>button:hover>i{color:#000}.artists-selection{background-color:#000;display:none;left:0;padding:2.5em;position:absolute;top:0;width:100%}.artists-selection:after{-webkit-animation:grain .4s infinite;animation:grain .4s infinite;background-image:url(/static/media/bg_static.e2ff2e29bfeb02dc6f2d.webp);background-position:50%;content:"";height:300%;left:-50%;opacity:.9;position:fixed;top:-110%;width:300%;z-index:-2}.open-artists{-webkit-animation:square-in-bottom-left 2.5s cubic-bezier(.25,1,.3,1) both;animation:square-in-bottom-left 2.5s cubic-bezier(.25,1,.3,1) both;display:block}.close-artists{-webkit-animation:square-out-top-right 2.5s cubic-bezier(.25,1,.3,1) both;animation:square-out-top-right 2.5s cubic-bezier(.25,1,.3,1) both;display:block}.artists-selection>.container-titles-btn>h1{color:var(--white-color);font-family:League Gothic,sans-serif;font-size:5.5rem;letter-spacing:5px;text-transform:uppercase}@media screen and (max-width:650px){.artists-selection>.container-titles-btn>h1{font-size:4rem}}@media screen and (max-width:520px){.artists-selection>.container-titles-btn>h1{font-size:3rem}}@media screen and (max-width:440px){.artists-selection>.container-titles-btn>h1{font-size:2.3rem}}@media screen and (max-width:380px){.artists-selection>.container-titles-btn>h1{font-size:1.5rem}}@-webkit-keyframes square-out-top-right{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 100% 100%);clip-path:inset(0 0 100% 100%)}}@keyframes square-out-top-right{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 100% 100%);clip-path:inset(0 0 100% 100%)}}@-webkit-keyframes square-in-bottom-left{0%{-webkit-clip-path:inset(0 0 100% 100%);clip-path:inset(0 0 100% 100%)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes square-in-bottom-left{0%{-webkit-clip-path:inset(0 0 100% 100%);clip-path:inset(0 0 100% 100%)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.artists-selection>.container-titles-btn{margin:0 auto;max-width:1500px;position:relative}.artists-selection>.container-titles-btn>i{color:var(--white-color);cursor:pointer;font-size:2.5rem;position:absolute;right:0;top:0}.container-album,.container-artists{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(244px,1fr));justify-items:center;margin:20px auto;max-width:1500px}.card-album,.card-artist{border:2px solid var(--white-color);border-radius:10px;box-sizing:initial;cursor:pointer;height:310px;overflow:hidden;padding:20px;transition:.25s ease-in-out;width:200px}.card-album:hover,.card-artist:hover{background-color:var(--white-color)}.card-album>img,.card-artist>img{aspect-ratio:1/1.2;border-radius:10px;height:auto;width:100%}.card-album>img{aspect-ratio:1/1}.card-album>h2,.card-artist>h2{color:var(--white-color);font-size:20px;padding-top:10px;text-align:center;transition:.3s ease-out}.card-album:hover>h2,.card-artist:hover>h2{color:#000}.hidden-element{display:none!important}#footer{margin:0 auto;width:64rem}@media screen and (min-width:1840px){#footer{width:110rem}}@media screen and (max-width:990px){#footer{width:54rem}}@media screen and (max-width:820px){#footer{width:30rem}}@media screen and (max-width:460px){#footer{width:90%}}#footer>.first-part>hr{background-color:var(--white-color);border:1px solid var(--white-color);height:2px}#footer>.first-part>hr:first-child{margin-top:8rem}@media screen and (max-width:820px){#footer>.first-part>hr:first-child{margin-top:6rem}}#footer>.first-part>.container-links-footer{display:grid;grid-template-columns:repeat(3,1fr);padding:4rem 0}@media screen and (max-width:820px){#footer>.first-part>.container-links-footer{grid-template-columns:1fr}}#footer>.first-part>.container-links-footer>nav>li{list-style:none}#footer>.first-part>.container-links-footer>div>h3,#footer>.first-part>.container-links-footer>nav>li>a{color:var(--white-color);font-family:League Gothic,sans-serif;font-size:2.4rem;letter-spacing:1.5px;text-decoration:none;text-transform:uppercase}@media screen and (max-width:820px){#footer>.first-part>.container-links-footer>div>h3,#footer>.first-part>.container-links-footer>nav>li>a{font-size:1.8rem}}#footer>.first-part>.container-links-footer>div>h3{color:var(--gray-color)}@media screen and (max-width:820px){#footer>.first-part>.container-links-footer>div>h3{padding-top:5rem}}#footer>.first-part>.container-links-footer>div>p{color:var(--white-color);font-size:1.2rem;font-style:italic;line-height:2rem;padding:1rem 0 3rem}#footer>.first-part>.container-links-footer>div>form{border-bottom:1px solid var(--gray-color);display:grid;grid-template-columns:80% 1fr}#footer>.first-part>.container-links-footer>div>form>input{background-color:initial;border-color:transparent;color:var(--white-color);font-size:1.5rem;margin-bottom:1rem}@media screen and (max-width:820px){#footer>.first-part>.container-links-footer>div>form>input{font-size:1.1rem}}#footer>.first-part>.container-links-footer>div>form>input:focus{border-color:transparent;outline:none}#footer>.first-part>.container-links-footer>div>form>button{background-color:initial;border:transparent;cursor:pointer;margin-bottom:1rem;transition:.3s;width:100%}#footer>.first-part>.container-links-footer>div>form>button>i{color:var(--white-color);font-size:1.5rem;padding:.5rem}#footer>.first-part>.container-links-footer>div>form>button:hover{background-color:var(--white-color);border-color:var(--white-color)}#footer>.first-part>.container-links-footer>div>form>button:hover>i{color:#000}#footer>.second-part{display:grid;grid-template-columns:repeat(2,1fr);margin:3rem 0}@media screen and (max-width:820px){#footer>.second-part{grid-template-columns:1fr;row-gap:20px}}#footer>.second-part>p{color:var(--white-color);font-style:italic}#footer>.second-part>nav>ul{display:flex;justify-content:space-between}#footer>.second-part>nav>ul>li{list-style:none}#footer>.second-part>nav>ul>li>a{text-decoration:none}#footer>.second-part>nav>ul>li>a>i{color:var(--white-color);font-size:1.5rem}#footer>.third-part{padding:2rem 0 6rem}#footer>.third-part>p{color:var(--white-color);font-size:.79rem;text-align:center;word-break:break-all}#footer>.third-part>p:first-child{padding-bottom:1rem}.background-album{height:100vh;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);-moz-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent);overflow:hidden;position:absolute;width:100%;z-index:-1}.background-album>.background-image{background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(5px) brightness(40%);filter:blur(5px) brightness(40%);height:105%;left:-20px;position:absolute;top:-20px;width:105%}
/*# sourceMappingURL=main.cae81aec.css.map*/