:root{--color-one:#e744e9;--color-two:#ff2c00;--color-two-light:rgba(255,42,0,0.8);--color-three:#8413ee;--color-four:#0c2cce}*,:after,:before{margin:0;padding:0}html{font-size:62.5%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media only screen and (max-width:75em){html{font-size:80%}}@media only screen and (max-width:56.25em){html{font-size:70%}}@media only screen and (max-width:28.125em){html{font-size:62.5%}}.page{height:100vh}.genre,.page{position:relative}#toast-container{padding:1rem 0}#toast-container.toast-bottom-full-width>.toast{max-width:100%;font-size:1.5rem;text-transform:capitalize;text-align:center;padding:2rem}#toast-container>.toast-error{background-color:#ff2c00;opacity:1;box-shadow:0 0 10px rgba(0,0,0,.2)}#toast-container>.toast-error:hover{background-color:#ff2c00;opacity:1;box-shadow:0 0 10px rgba(0,0,0,.4)}#toast-container>.toast-warning{background-color:#0c2cce;opacity:1;box-shadow:0 0 10px rgba(0,0,0,.2)}#toast-container>.toast-warning:hover{background-color:#0c2cce;opacity:1;box-shadow:0 0 10px rgba(0,0,0,.4)}#toast-container>.toast-success{background-color:#8413ee;opacity:1;box-shadow:0 0 10px rgba(0,0,0,.2)}#toast-container>.toast-success:hover{background-color:#8413ee;opacity:1;box-shadow:0 0 10px rgba(0,0,0,.4)}.nav{padding:1rem .5rem;background-image:linear-gradient(90deg,var(--color-three),var(--color-two-light))}.nav__logo{width:35%}ion-icon{font-size:3rem;float:right;padding-right:.5rem}ion-icon[name=sunny]{color:#fff}ion-icon[name=moon]{color:#303030}@media only screen and (min-width:75em){.nav__logo{width:20%}ion-icon{font-size:5rem;float:right;padding-right:1rem}}@media only screen and (min-width:56.25em){.nav__logo{width:20%}ion-icon{font-size:3rem;float:right;padding-right:1rem}}.footer{background-image:linear-gradient(90deg,var(--color-three),var(--color-two-light))}.footer__content{text-align:center;padding:2rem}.footer__text{color:#fff;font-size:1.2rem}.brand{letter-spacing:1px;text-transform:uppercase}.home__audio-container{position:fixed;bottom:6rem;right:1rem}.home__audio-icon{font-size:3rem;padding:2rem;-webkit-animation:playing 1.8s ease-in-out infinite;animation:playing 1.8s ease-in-out infinite;-webkit-animation-delay:-2s;animation-delay:-2s}.home__content-container{position:absolute;top:45%;left:50%;-webkit-transform:translate(-75%,-55%);transform:translate(-75%,-55%)}.home__content-center{text-align:center;-webkit-transform:translate(45%,100%);transform:translate(45%,100%)}.home__swiper{font-size:3rem;-webkit-animation:swiper 3s ease-in-out infinite;animation:swiper 3s ease-in-out infinite;-webkit-animation-delay:-2s;animation-delay:-2s}.home__logo{width:150%;cursor:pointer}@-webkit-keyframes playing{0%{opacity:0;color:var(--color-one);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;color:var(--color-three);-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{opacity:0;color:var(--color-four);-webkit-transform:scale(1);transform:scale(1)}}@keyframes playing{0%{opacity:0;color:var(--color-one);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;color:var(--color-three);-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{opacity:0;color:var(--color-four);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swiper{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0);color:var(--color-one)}50%{opacity:1;-webkit-transform:translateX(-20%);transform:translateX(-20%);color:var(--color-three)}to{opacity:0;-webkit-transform:translateX(-40%);transform:translateX(-40%);color:var(--color-four)}}@keyframes swiper{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0);color:var(--color-one)}50%{opacity:1;-webkit-transform:translateX(-20%);transform:translateX(-20%);color:var(--color-three)}to{opacity:0;-webkit-transform:translateX(-40%);transform:translateX(-40%);color:var(--color-four)}}.genre__name{padding:3rem;font-size:3rem;font-weight:700;text-transform:uppercase}.genre__controls,.genre__name{text-align:center}.genre__controls-button{background-color:transparent;font-size:2rem;padding:2rem 2rem 2rem 2.3rem;border-radius:15rem;outline:none;transition:all .2s;margin:0 1rem}.genre__controls-button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.pad{position:absolute;top:210%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center}.pad__row{margin:0 auto}.pad__button{display:inline-block;height:10rem;width:10rem;color:transparent}.pad__button:active{-webkit-filter:blur(.5rem);filter:blur(.5rem);-webkit-transform:scale(1.3);transform:scale(1.3)}
/*# sourceMappingURL=main.82dcae23.chunk.css.map */