html{font-family:Google Sans Text,Roboto,arial,helvetica,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative}.header h1,.header p{font-family:Roboto,sans-serif;margin-left:2rem;margin-right:2rem}.header h1.title{font-size:2.75rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media(max-width:600px){.header h1.title{font-size:1.75rem}}.header p{font-size:1rem;line-height:1.6}.header p+p{margin-top:1rem}.header img{height:100%;object-fit:cover;position:absolute;width:100%;z-index:-2}.header:before{background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.35) 40%,rgba(0,0,0,.75));content:"";inset:0;position:absolute;z-index:-1}.header .content{background-color:rgba(32,33,36,.75);border-radius:8px;max-width:32rem;padding:2rem;text-align:center}@media(max-width:600px){.header .content{max-width:20rem;padding:1.5rem 1rem}}.header .scroll-cue{-webkit-animation:scroll-cue-bounce 1.6s ease-in-out infinite;animation:scroll-cue-bounce 1.6s ease-in-out infinite;border-bottom:3px solid hsla(0,0%,100%,.8);border-right:3px solid hsla(0,0%,100%,.8);bottom:2rem;height:1.5rem;left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:1.5rem}@-webkit-keyframes scroll-cue-bounce{0%,to{opacity:.5;-webkit-transform:translateX(-50%) rotate(45deg) translateY(0);transform:translateX(-50%) rotate(45deg) translateY(0)}50%{opacity:1;-webkit-transform:translateX(-50%) rotate(45deg) translateY(8px);transform:translateX(-50%) rotate(45deg) translateY(8px)}}@keyframes scroll-cue-bounce{0%,to{opacity:.5;-webkit-transform:translateX(-50%) rotate(45deg) translateY(0);transform:translateX(-50%) rotate(45deg) translateY(0)}50%{opacity:1;-webkit-transform:translateX(-50%) rotate(45deg) translateY(8px);transform:translateX(-50%) rotate(45deg) translateY(8px)}}.footer{align-items:center;background-color:#000;display:flex;height:5.6rem;justify-content:space-between;padding:0 2rem;position:relative}.footer,.footer a{color:#fff}.subgenre{color:#202124;min-height:80vh;padding:4rem}.subgenre,.subgenre .body{align-items:center;display:flex;flex-direction:column}@media(min-width:800px){.subgenre{flex-direction:row}.subgenre .body{width:100%}.subgenre:nth-child(2n){flex-direction:row-reverse;justify-content:space-between}.subgenre:nth-child(2n) .body{align-items:flex-end;display:flex;flex-direction:column}.subgenre .player{padding:0 2rem;width:90%}.subgenre .body{display:block}.subgenre .description{width:90%}}.subgenre .description{color:#5f6368;text-align:justify}.subgenre:nth-child(2n){background-color:#242424;color:#fff}.subgenre:nth-child(2n) .description{color:#fff}.subgenre .player{width:100%}.subgenre .player iframe{border:none}.subgenre .artists{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
/*# sourceMappingURL=main.06278fa6.css.map*/