body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{text-align:left}.sorry{align-items:center;font-size:12px;margin-left:auto;margin-right:auto;margin-top:40vh;width:90%}.key{align-items:left;margin-bottom:2vh;width:20%}.info{float:right;padding-left:auto;width:15px}.infoDiv{height:20px;margin-bottom:auto;margin-left:auto;margin-right:0;width:0}.info:hover+.hiddenInfo{display:block}.mobileHeading{align-items:center;display:flex}.heading{align-items:center;display:block;margin-left:auto;margin-right:auto;margin-top:5vh;position:relative;width:80%}.hiddenInfo{background:#ccc;background:rgba(52,51,51,.5);border:1px solid grey;border-radius:.5em;display:none;font-family:Helvetica,Arial;font-size:12px;font-size:x-small;font-style:normal;font-weight:100;margin-left:-200px;margin-right:0;margin-top:18px;padding:5px;position:inherit;text-align:start;width:20em;z-index:1}.infoHeading{margin-bottom:2px}.bigCanvas{width:80%}.bigCanvas,.smallerCanvas{display:block;margin-left:auto;margin-right:auto}.smallerCanvas{width:100%}.canvas{margin-bottom:3.5vh}@media only screen and (max-width:700px){.hiddenInfo{margin-left:-110px;max-width:110px}}@media only screen and (max-width:400px){.header{font-size:16px}.infoDiv{display:none}}@media only screen and (max-width:280px){.header{font-size:12px}.hiddenInfo{font-size:8px}}.genreComponent{background-color:#000;background:#ccc;background:rgba(52,51,51,.5);border:1px solid grey;border-radius:.5em;color:#fff;font-size:xx-small;margin-left:5px;margin-top:2px;padding-left:5px;padding-right:5px}.parent{display:flex;flex-wrap:wrap;margin-bottom:5px;margin-right:10px;max-width:180px;text-align:left}.songInfo{width:180px}.smallSongInfo,.songInfo{background-color:#000;background:#ccc;background:rgba(52,51,51,.5);border:1px solid grey;border-radius:.5em;color:#fff}.smallSongInfo{width:100px}.mobile{background-color:#000;background:#ccc;background:rgba(52,51,51,.5);border:1px solid grey;border-radius:.5em;color:#fff;margin:2vh auto auto;width:16rem}.container{align-items:center;justify-content:center;margin-bottom:20px;width:100%}.name{font-size:13px;margin:5px 10px 0 5px}.artist,.name{text-align:left}.artist{font-size:xx-small;margin:0 10px 0 5px}.left{margin-right:4%}.left,.right{text-align:left;width:48%}.list{display:flex}.top10{font-size:x-large;margin-left:0;margin-right:auto;width:50%}.learnMore,.top10{display:block;text-align:left}.learnMore{color:#1db954;font-size:x-small;font-weight:900;margin:5px auto 5px 0}.loading,.loadingTime{display:block;margin-left:auto;margin-right:auto;text-align:left;width:80%}.loadingTime{color:#1db954;font-size:x-small;margin-bottom:10px}.topzz{align-items:center;display:block;margin-bottom:20px;margin-left:auto;margin-right:auto;position:relative;width:80%}.songCover{height:50px;margin:10px}@media only screen and (max-width:600px){.left,.right{font-size:14px}.top10{font-size:18px}}@media only screen and (max-width:400px){.left,.right{font-size:3vw}.top10{font-size:4vw}}.header{font-size:24px;margin-bottom:0}.moreInfo{color:#1db954;font-size:12px;font-weight:900;margin-bottom:8px;margin-top:8px;text-align:left}.songs{font-size:14px;text-align:left}.top{border-left:1px solid grey;margin:50px 35px 50px 25px;padding-left:10px;width:180px}.margins{background-color:#000;background:#ccc;background:rgba(52,51,51,.5);border-radius:.5em;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:130px;margin-top:10%}.load{font-size:20px;margin-left:10px;padding-top:20px}@media only screen and (max-width:900px){.margins{display:none}}.App{overflow:hidden;text-align:center}.App-header{-webkit-touch-callout:none;align-items:center;background-color:#000;color:#fff;display:block;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none;width:100%}body,html{height:100%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#eee;font-family:aktiv-grotesk,sans-serif;font-size:3vmin;font-style:normal;font-weight:200}.hidden{display:none}.intro{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.btn{background-color:rgba(52,51,51,.5);border:1px solid grey;border-radius:2em;color:#fff;font-size:14px;margin-top:20px;padding:.7em 1.5em;text-transform:uppercase;transition:all .25s ease}.btn:hover{background:#1db954;border:none;color:#000}.btn--login{margin:0 auto}.logo{display:block;margin-left:auto;margin-right:auto;margin-top:10px;width:25%}.main{display:inline;margin-top:30vh}.hi{color:grey;font-size:10px;margin-top:20px}.title{font-size:60px}.plotify{align-items:center;display:block}.logoName{display:block;margin-left:auto;margin-right:auto;margin-top:-5%;padding-bottom:10vh;width:40%}@media only screen and (max-width:800px){.logo{width:50%}.logoName{margin-top:-10%;width:80%}}@media only screen and (max-width:600px){.title{font-size:40px}.hi{margin-left:auto;margin-right:auto;width:150px}}@media only screen and (max-width:400px){.btn{font-size:10px}}@media only screen and (max-height:500px){.main{margin-top:12vh}}
/*# sourceMappingURL=main.181c706d.css.map*/