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}*,body{font-family:"Montserrat",sans-serif}#root,body{overflow:hidden}#root{-webkit-user-select:none;user-select:none}*{box-sizing:border-box;margin:0;padding:0}.wrap{overflow:hidden}.login,.wrap{width:100vw;height:100vh}.login{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#3b00e2}.login .spotify-icon{color:#fff;margin:.5em}.login .logo h1{font-size:1em;display:inline-block;margin:.5em}.logo{color:#fff;display:flex;align-items:center;overflow:visible;justify-content:center;font-size:3em}.login a{color:#3b00e2;background-color:#cdf564;margin:1em;padding:.5em;font-size:1em;text-decoration:none;font-weight:800;border-radius:20px;cursor:pointer;transition:background .7s ease}.login a:hover{background:#fff}.login .tag-line{margin:1em;color:#cdf564;font-size:1.5em}.author-credits{font-size:12px;display:block;color:#fff}@media (orientation:portrait){.logo{width:70vw;font-size:1.5em}.login .tag-line,.login a{font-size:.8em}}.Start{background-color:#3b00e2;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff}.main{display:grid;align-content:center;text-align:center}.main,.spring-cont{width:100%;height:100%;justify-content:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:#3b00e2}.spring-cont{display:flex;align-items:center}.first-text-cont{-webkit-transform:translateZ(50px);transform:translateZ(50px);font-size:1.3em;margin:1em;overflow:hidden}.first-text-cont div{display:inline-block;margin-right:5px}.second-text-cont{font-size:.7em;margin:1em;color:#cdf564;overflow:hidden}.second-text-cont div{display:inline-block;margin-right:3px}.start-btn{padding:.5em 1em;font-size:1em;font-weight:900;outline-style:none;border:none;background-color:#cdf564;color:#3b00e2;border-radius:20px;cursor:pointer;-webkit-transform:translateZ(25px);transform:translateZ(25px);transition:background .7s ease}.start-btn:hover{background:#fff}.user{position:absolute;top:5%;right:5%;font-size:1.2em;z-index:10}@media (orientation:portrait){.first-text-cont{font-size:.9em}.second-text-cont{font-size:.5em}.start-btn,.user{font-size:.8em}}.TopArtist{background-color:#3b00e2;width:100vw;height:100vh;overflow:hidden}.initial-animate-screen{width:100%;height:100%;color:#cdf564}.initial-animate-screen .circle{position:absolute;width:130vw;height:100%;text-align:center;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;background-color:#3b00e2;z-index:11111}.initial-animate-screen .circle h1{width:100%;letter-spacing:5px;font-size:6.2vw}.initial-animate-screen .circle#one{-webkit-clip-path:circle(11vw);clip-path:circle(11vw);z-index:10}.initial-animate-screen .circle.two{-webkit-clip-path:circle(22vw);clip-path:circle(22vw);z-index:9}.initial-animate-screen .circle.three{-webkit-clip-path:circle(33vw);clip-path:circle(33vw);z-index:8}.initial-animate-screen .circle.four{-webkit-clip-path:circle(44vw);clip-path:circle(44vw);z-index:7}.initial-animate-screen .circle.five{-webkit-clip-path:circle(55vw);clip-path:circle(55vw);z-index:6}.display-none{display:none}@media (orientation:portrait){.initial-animate-screen .circle{width:130vh}.initial-animate-screen .circle h1{font-size:5.41vh}.initial-animate-screen .circle#one{-webkit-clip-path:circle(11vh);clip-path:circle(11vh)}.initial-animate-screen .circle.two{-webkit-clip-path:circle(22vh);clip-path:circle(22vh)}.initial-animate-screen .circle.three{-webkit-clip-path:circle(33vh);clip-path:circle(33vh)}.initial-animate-screen .circle.four{-webkit-clip-path:circle(44vh);clip-path:circle(44vh)}.initial-animate-screen .circle.five{-webkit-clip-path:circle(55vh);clip-path:circle(55vh)}}.top-artist-cont{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:initial;color:#cdf564;display:flex;justify-content:center;align-items:center;z-index:11}.top-artist-cont .top-artist-card{width:60vw;display:flex;justify-content:space-around;align-items:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(400px);transform:perspective(400px)}.top-artist-cont .top-artist-card h2{font-size:1.5em;font-weight:600;padding:.5em}.top-artist-cont .top-artist-card p{font-size:.8em;padding:.5em}.top-artist-cont .top-artist-card .text div{overflow:hidden}.top-artist-cont .top-artist-card .artist-name{color:#fff;-webkit-transform:translateZ(75px);transform:translateZ(75px);padding:.5em}.top-artist-cont .top-artist-card .artist-img{-webkit-transform:translateZ(50px);transform:translateZ(50px);width:25%;margin-right:1em;overflow:hidden}.top-artist-cont .top-artist-card .artist-img img{width:100%}.album-bg{position:absolute;top:0;left:0;width:130%;height:100%;background-color:#3b00e2;color:#fff;z-index:10}.album-bg p{font-size:3em;opacity:.2;font-weight:900}@media (orientation:portrait){.top-artist-cont .top-artist-card{flex-direction:column;width:80vw;text-align:center}.top-artist-cont .top-artist-card .text{width:100%}.top-artist-cont .top-artist-card .artist-img{width:75%;margin-right:0}}.pagination{color:#fff;display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:5%;right:5%;z-index:1112;flex-direction:column;font-size:1em;padding:.5em;text-align:center}.next,.prev{color:#fff}.TopSong{width:100vw;height:100vh;background-color:#3b00e2;text-align:center}.TopSong .circle h1{width:130%;font-size:8vw}.TopSong .top-song-cont{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.TopSong .top-song-cont .top-song-card{display:flex;justify-content:space-around;align-items:center;color:#cdf564;width:60vw;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.TopSong .top-song-cont .top-song-card .top-song-img{width:25%;-webkit-transform:translateZ(50px);transform:translateZ(50px)}.TopSong .top-song-cont .top-song-card .top-song-img img{width:100%;margin-right:1em}.TopSong .top-song-cont .top-song-card .text h2{font-size:1.5em;font-weight:600;padding:.5em}.TopSong .top-song-cont .top-song-card .text p{font-size:.8em;padding:.5em}.TopSong .top-song-cont .top-song-card div{overflow:hidden}.TopSong .top-song-cont .top-song-card .text .song-name{color:#fff;padding:.5em;-webkit-transform:translateZ(75px);transform:translateZ(75px)}@media (orientation:portrait){.TopSong .top-song-cont .top-song-card{flex-direction:column;width:80vw;text-align:center}.top-song-cont .top-song-card .text{width:100%}.TopSong .top-song-cont .top-song-card .top-song-img{width:75%}}.TopFiveSongs{width:100vw;height:100vh;background-color:#3b00e2;display:flex;justify-content:center;align-items:center}.TopFiveSongs .initial-animate{color:#cdf564;text-align:center;overflow:hidden}.TopFiveSongs .initial-animate .DIV{overflow:hidden;margin:.5em}.TopFiveSongs .initial-animate .DIV.ONE{font-size:2em;font-weight:900}.TopFiveSongs .initial-animate div,.TopFiveSongs .top-song-list div{overflow:hidden}.TopFiveSongs .top-song-list{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.TopFiveSongs .text-bg{width:130%;height:100%;font-size:10vw}.TopFiveSongs .text-bg p{color:#fff;font-weight:800;opacity:.1}.Song{display:flex;justify-content:space-around;align-items:center;background-color:#000;margin-bottom:1em;width:30vw}.song-info,.Song .song-img{margin:16px}.Song .song-info{display:flex;flex-direction:column;font-size:.5em;width:20vw}.Song .song-info .song-artist{font-size:1.2em;font-weight:500;margin-top:1em}.Song .song-img img{width:5vw}@media (orientation:portrait){.Song{width:80vw}.Song .song-info{width:60vw;font-size:.5em}.Song .song-img img{width:15vw;object-fit:cover}}.TopGenre{width:100vw;height:100vh;overflow:hidden;background-color:initial}.TopGenre .genre-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#3b00e2;color:#fff;font-size:1rem}.TopGenre .genre-bg h1{opacity:.1}.TopGenre .initial-animate{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.textTwo,.TopGenre .initial-animate .textOne{margin:.5em;color:#cdf564;overflow:hidden;padding:.5em 0}.TopGenre .initial-animate .textOne{font-size:2em;font-weight:800}.TopGenre .initial-animate .textTwo{font-size:1em}.display-none{display:none!important}.TopGenre .title{position:absolute;top:5%;width:100%;text-align:center;font-size:.8em;overflow:hidden}.TopGenre .title h1{color:#cdf564;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease}.slideUp{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.TopGenre .top-genre-chart-cont{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;color:#cdf564;text-transform:capitalize}.Ring{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%)!important;transform:translateY(-50%) translateX(-50%)!important}.Ring svg circle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.Ring .genre-sticker{position:absolute;top:0;right:50%;font-size:5px;text-align:right;margin-right:5px;width:100%;overflow:hidden}
/*# sourceMappingURL=main.b1b1c24e.chunk.css.map */