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}#root,.home,body,html{height:100%;background-color:#1b1b1b}.home{width:100%;overflow:hidden}container{background:transparent;z-index:1;position:relative}.header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;font-family:Lato,Arial,sans-serif;display:flex;flex-direction:row;justify-content:center;height:20%}.header__dev{text-shadow:0 1px 1px rgba(42,43,61,.5);font-size:5vw;font-weight:300;color:#fff;-webkit-transition:all .6s ease-out;transition:all .6s ease-out;-webkit-transition-delay:.5s;transition-delay:.5s;z-index:2}.header__dev--open{color:hsla(0,0%,100%,.06)}.thin{font-weight:100;margin-left:16px}.buttonContainer{height:30%;display:flex;align-items:center;flex-direction:row;justify-content:center}@media (max-width:900px){.header__dev{font-size:3rem}}.placeholder{height:100%;display:inline-block;vertical-align:middle}.music{height:50%}.soundwave{height:100%;width:600%;overflow-y:hidden;-webkit-animation:slide-left 40s linear infinite;animation:slide-left 40s linear infinite}.freq{width:8px;border-radius:8px;margin:0 1px;background-color:rgba(30,132,73,.5);display:inline-block;vertical-align:middle}.freq.h-100{height:100%;-webkit-animation:beat-100 1s ease infinite;animation:beat-100 1s ease infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-90{height:90%;-webkit-animation:beat-90 1.2s ease-in-out infinite;animation:beat-90 1.2s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-80{height:80%;-webkit-animation:beat-80 1.2s ease-in-out infinite;animation:beat-80 1.2s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-70{height:70%;-webkit-animation:beat-70 1s ease-in-out infinite;animation:beat-70 1s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-60{height:60%;-webkit-animation:beat-60 1.2s ease-in-out infinite;animation:beat-60 1.2s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-50{height:50%;-webkit-animation:beat-50 1.8s ease-in-out infinite;animation:beat-50 1.8s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-40{height:40%;-webkit-animation:beat-40 .8s ease-in-out infinite;animation:beat-40 .8s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-30{height:30%;-webkit-animation:beat-30 1.2s ease-in-out infinite;animation:beat-30 1.2s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-20{height:20%;-webkit-animation:beat-20 1.2s ease-in-out infinite;animation:beat-20 1.2s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-10{height:10%;-webkit-animation:beat-10 1.2s ease-in-out infinite;animation:beat-10 1.2s ease-in-out infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.freq.h-5{height:5%}@-webkit-keyframes beat-10{20%{height:10%}to{height:8%}}@keyframes beat-10{20%{height:10%}to{height:8%}}@-webkit-keyframes beat-20{20%{height:20%}to{height:16%}}@keyframes beat-20{20%{height:20%}to{height:16%}}@-webkit-keyframes beat-30{20%{height:30%}to{height:22%}}@keyframes beat-30{20%{height:30%}to{height:22%}}@-webkit-keyframes beat-40{20%{height:40%}to{height:32%}}@keyframes beat-40{20%{height:40%}to{height:32%}}@-webkit-keyframes beat-50{20%{height:50%}to{height:40%}}@keyframes beat-50{20%{height:50%}to{height:40%}}@-webkit-keyframes beat-60{20%{height:60%}to{height:48%}}@keyframes beat-60{20%{height:60%}to{height:48%}}@-webkit-keyframes beat-70{20%{height:70%}to{height:56%}}@keyframes beat-70{20%{height:70%}to{height:56%}}@-webkit-keyframes beat-80{20%{height:80%}to{height:64%}}@keyframes beat-80{20%{height:80%}to{height:64%}}@-webkit-keyframes beat-90{20%{height:90%}to{height:72%}}@keyframes beat-90{20%{height:90%}to{height:72%}}@-webkit-keyframes beat-100{20%{height:100%}to{height:80%}}@keyframes beat-100{20%{height:100%}to{height:80%}}@-webkit-keyframes slide-left{to{-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@keyframes slide-left{to{-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@media (max-width:900px){.soundwave{width:1200%;-webkit-animation:slide-left 20s linear infinite;animation:slide-left 20s linear infinite}}.loginButton{display:inline-block;box-sizing:content-box;cursor:pointer;border-radius:50px;font:700 16px/normal Montserrat,sans-serif;color:#fff;text-overflow:clip;box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);text-shadow:-1px -1px 0 rgba(15,73,168,.66);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-decoration:none;font-size:14px;line-height:1;border-radius:500px;padding:18px 48px 16px;-webkit-transition-property:background-color,border-color,color,box-shadow,-webkit-filter;transition-property:background-color,border-color,color,box-shadow,-webkit-filter;transition-property:background-color,border-color,color,box-shadow,filter;transition-property:background-color,border-color,color,box-shadow,filter,-webkit-filter;-webkit-transition-duration:.3s;transition-duration:.3s;letter-spacing:2px;min-width:160px;text-transform:uppercase;white-space:normal;background:#1e8449;border-width:0}.callback{height:100%;width:100%;background-color:#1b1b1b;display:flex;align-items:center;justify-content:center;flex-direction:column}.loadingBar{width:8px;border-radius:8px;margin:0 1px;background-color:rgba(30,132,73,.5);display:inline-block;vertical-align:middle;height:20%;-webkit-animation:beat 1.2s ease-in-out infinite;animation:beat 1.2s ease-in-out infinite}.loadingSection{height:20%;display:flex;align-items:center}@-webkit-keyframes beat{50%{height:100%}}@keyframes beat{50%{height:100%}}.message{margin-top:100px;font-family:Lato,Arial,sans-serif;font-size:3vw;font-weight:300;color:#fff}@media (max-width:900px){.message{font-size:2rem}}.lyrics{font-family:Lato,Arial,sans-serif;font-size:1.2vw;font-weight:400;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background-attachment:fixed;padding-bottom:7%;width:"100%"}a{color:inherit;text-decoration:inherit;cursor:inherit}.loading{height:100%;width:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column}.container{padding:2% 0;text-align:center;overflow:scroll;width:100%}h1{margin-top:0;color:#fff}.background-image{background-size:cover;filter:blur(30px) opacity(.5);-webkit-filter:blur(30px) opacity(.5);position:fixed;right:0;height:100%;-webkit-transform:scale(1);transform:scale(1);transition:3s;-webkit-transition:3s;-moz-transition:3s;-o-transition:3s;position:absolute;left:0;z-index:-100}#root,body{background:none}.wrapper{position:relative;height:100%}.background,.flex{height:100%;width:100%}.flex{display:flex;flex-direction:row;justify-content:space-between}.analysis{display:none}@media (max-width:900px){h1{font-size:1.5rem}.lyrics{font-size:1rem;padding-bottom:15%}.container,.lyrics{width:100%}.analysis{display:none}}.player{width:100%;position:fixed;bottom:0;justify-content:center;background:rgba(27,27,27,.5)}.controls,.player{display:flex;flex-direction:row}.controls{width:20%;justify-content:space-between;font-size:3vw;color:#fff;margin:16px 0;align-items:center}.small{font-size:1.5vw}@media (max-width:900px){.controls{width:60%;font-size:2rem}.small{font-size:1.5rem}}
/*# sourceMappingURL=main.69d6ebf6.chunk.css.map */