body{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}.homepage-header{min-height:83vh}.main-home-div{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:12vh;height:16vh}.main-home-div h1{font-size:8rem;font-family:"Montserrat",sans-serif;letter-spacing:2px;margin-right:1.2vw}.main-home-div img{width:110px;height:110px}.secondary-header-container{display:flex;justify-content:center;align-items:center;margin-bottom:4vh}.secondary-header-container p{font-size:1.6rem;margin-top:.6vh}.green-spotify-callout{color:#2bcc63}.rsaSpotifyBtn,.spotify-auth-container{display:flex;justify-content:center}.rsaSpotifyBtn{transition-duration:.3s;font-family:"Rubik",Arial,Helvetica,sans-serif;font-style:bold;background-color:#1db954;color:#fff;cursor:pointer;align-items:center;height:8vh;width:18vw;border:none;border-radius:15px;font-size:1.31rem}.rsaSpotifyBtn:focus,.rsaSpotifyBtn:hover{transition-duration:.5s;box-shadow:0 .05rem .45rem 0 #fff;outline:none}.rsaSpotifyLogo{padding:.25rem .5rem;height:1.5rem;fill:#fff;width:2em}.footer-home{display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:absolute;bottom:0;width:100%;margin-bottom:2.5vh}.footer-home p{margin:0}.footer-home a{color:#fff;text-decoration:none;display:inline-block;padding:10px;position:relative}.footer-home a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.footer-home a:hover:after{width:100%;left:0}.footer-home img{height:32px;width:32px}@media (max-width:1500px) and (min-height:800px){.rsaSpotifyBtn{font-size:1.1rem;width:270px}}@media (max-width:800px) and (min-height:800px){.rsaSpotifyBtn{width:300px}}@media (max-width:760px) and (min-height:800px){.main-home-div h1{font-size:6rem}.main-home-div img{width:90px;height:90px}.secondary-header-container p{font-size:1.4rem;margin-top:.5vh}.rsaSpotifyBtn{width:300px}.rsaSpotifyLogo{visibility:hidden;padding:0;height:0;width:0}.footer-home{font-size:1.1rem}}@media (max-width:420px){.main-home-div h1{font-size:4rem}.main-home-div img{width:70px;height:70px}.secondary-header-container p{font-size:1.2rem;margin-top:0}.rsaSpotifyBtn{font-size:.9rem;width:220px;height:60px}.rsaSpotifyLogo{visibility:hidden;padding:0;height:0;width:0}.footer-home{font-size:1rem}}@media (max-height:850px) and (min-width:600px){.main-home-div h1{font-size:5.3rem}.main-home-div img{width:75px;height:75px}.secondary-header-container p{font-size:1.3rem;margin-top:0}.rsaSpotifyBtn{font-size:1rem;width:270px;height:60px}.footer-home{font-size:1rem}}@media (max-height:650px) and (min-width:600px){.secondary-header-container p{font-size:1.3rem;margin-top:11px}.footer-home{font-size:1rem}}.logout-button-container{display:flex}.logout-button-container button{text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:700;letter-spacing:1px;cursor:pointer;border-radius:20px;background-color:#fff;color:#000;padding:8px 35px;transition:.3s ease-in-out;border:1px solid #fff;font-size:1rem;margin-left:2vw;margin-top:1.8vh}.logout-button-container button:active{transform:scale(.95)}.logout-button-container button:focus{outline:none}.logout-button-container button:hover{background-color:#1db954;border:1px solid #1db954;color:#fff;box-shadow:0 0 2px #fff}.main-select-div{min-height:83vh}.welcome-div{display:flex;justify-content:center;align-items:center;font-size:1.9rem}.welcome-div h1{margin-right:3vw}.welcome-div img{height:220px;border-radius:50px}.choice-container{display:flex;flex-direction:row;justify-content:center;margin:4vh 0}.choice-artist,.choice-song{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1db954;color:#fff;font-weight:700;font-size:3rem;letter-spacing:2px;text-decoration:none;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);width:550px;height:450px;margin:0 6vw;transition:transform .4s ease-in-out}.choice-artist:hover,.choice-song:hover{transform:scale(1.08);transition:transform .4s ease-in-out}.choice-artist img,.choice-song img{height:225px;margin:40px 0;transition:transform .4s ease-in-out}.choice-song-blur-on,.choice-song:hover~.choice-artist{filter:blur(4px);opacity:.6;transition:transform .4s ease-in-out}.choice-song-blur-on{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1db954;color:#fff;font-weight:700;font-size:3rem;letter-spacing:2px;text-decoration:none;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);width:550px;height:450px;margin:0 6vw}.choice-song-blur-on img{height:225px;margin:40px 0;transition:transform .4s ease-in-out}.footer-select{display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:absolute;bottom:0;width:100%;margin-bottom:2.5vh}.footer-select p{margin:0}.footer-select a{color:#fff;text-decoration:none;display:inline-block;padding:10px;position:relative}.footer-select a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.footer-select a:hover:after{width:100%;left:0}.footer-select img{height:32px;width:32px}@media (max-height:660px){.footer-select{font-size:0;visibility:hidden}}@media (max-height:850px) and (min-width:600px){.welcome-div{font-size:1.4rem;text-align:center;margin-bottom:40px}.welcome-div img{height:170px}.choice-artist,.choice-song,.choice-song-blur-on{width:450px;height:350px;font-size:2.3em}.choice-artist img,.choice-song-blur-on img,.choice-song img{height:180px}.logout-button-container button{padding:3px 20px;font-size:.9rem}}@media (max-height:800px) and (min-width:600px){.welcome-div{font-size:1.3rem;text-align:center;margin-bottom:40px}.welcome-div img{height:160px}.choice-artist,.choice-song{width:380px;height:300px;font-size:1.8em}.choice-artist-blur-on div,.choice-artist div,.choice-song-blur-on div,.choice-song div{margin-top:7px}.choice-song-blur-on{width:380px;height:300px;font-size:1.8em}.choice-artist img,.choice-song-blur-on img,.choice-song img{height:160px}.logout-button-container button{padding:3px 20px;font-size:.8rem}}@media (max-width:1060px) and (min-height:800px){.welcome-div{font-size:1.6rem;text-align:center}.welcome-div img{height:200px}.choice-artist,.choice-song,.choice-song-blur-on{width:500px;height:400px;font-size:2.5rem}.choice-artist img,.choice-song-blur-on img,.choice-song img{height:200px}}@media (max-width:900px) and (min-height:800px){.welcome-div{font-size:1.4rem;text-align:center}.welcome-div img{height:170px}.choice-artist,.choice-song,.choice-song-blur-on{width:400px;height:350px;font-size:2rem;margin-top:50px}.choice-artist img,.choice-song-blur-on img,.choice-song img{height:200px}.logout-button-container button{padding:5px 30px;font-size:.9rem}}@media (max-width:800px) and (min-height:800px){.welcome-div{font-size:1.3rem;margin-bottom:-40px;text-align:center}.welcome-div img{height:130px;border-radius:20px}.choice-container{flex-direction:column;align-items:center;margin:0}.choice-artist,.choice-song,.choice-song-blur-on{width:400px;height:300px;font-size:2.2rem;margin-top:60px}.choice-artist img,.choice-song-blur-on img,.choice-song img{height:160px}.logout-button-container button{padding:4px 25px;font-size:.9rem}.footer-select{margin-bottom:1.5vh}}@media (max-width:700px) and (min-height:800px){.welcome-div{font-size:1rem;text-align:center}.welcome-div img{height:100px}.choice-container{flex-direction:column;align-items:center;margin:1vh 0}.choice-artist,.choice-song,.choice-song-blur-on{width:400px;height:300px;font-size:2rem;margin-top:60px}.choice-artist img,.choice-song-blur-on img,.choice-song img{height:160px}.logout-button-container button{padding:4px 25px}}@media (max-width:420px){.welcome-div{font-size:.8rem;flex-direction:column;text-align:center;margin-bottom:-50px}.choice-container{flex-direction:column;align-items:center;margin:0}.choice-song{margin-bottom:-20px}.welcome-div h1{margin-right:0}.welcome-div img{height:0}.choice-artist div,.choice-song-blur-on div,.choice-song div{margin-top:30px;margin-bottom:-20px}.choice-artist,.choice-song{font-weight:700}.choice-artist,.choice-song,.choice-song-blur-on{width:250px;height:175px;font-size:1.5rem;margin-top:70px}.choice-artist img,.choice-song-blur-on img,.choice-song img{height:100px}.logout-button-container button{padding:2px 15px;margin-bottom:2.5px;font-size:.7rem}.footer-select{font-size:1rem}}.Loading{padding-top:50px}.Loading,.loading-container{display:flex;align-items:center;justify-content:center}.loading-container{flex-direction:column}.loading-container h1{font-size:4rem;font-family:"Montserrat",sans-serif}.loading-container img{width:500px;height:500px;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:800px){.Loading{padding-top:80px}.loading-container h1{font-size:2.7rem}.loading-container img{width:400px;height:400px}}@media(max-width:415px){.Loading{padding-top:80px}.loading-container h1{font-size:2rem}.loading-container img{width:275px;height:275px}}@media (max-height:900px) and (min-width:800px){.Loading{padding-top:30px}.loading-container h1{font-size:3rem}.loading-container img{width:380px;height:380px}}.artist-back-button-container{display:flex}.artist-back-button-container button{text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:700;letter-spacing:1px;cursor:pointer;border-radius:20px;background-color:#fff;color:#000;padding:8px 35px;transition:.3s ease-in-out;border:1px solid #fff;font-size:1rem;margin-left:2vw;margin-top:1.8vh}.artist-back-button-container button:active{transform:scale(.95)}.artist-back-button-container button:focus{outline:none}.artist-back-button-container button:hover{background-color:#1db954;border:1px solid #1db954;color:#fff;box-shadow:0 0 2px #fff}.artist-header-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.artist-interesting{color:#20ca5c}.artist-header-container h1{font-size:4rem;font-weight:700;margin:0}.artist-header-container div{font-size:1.8rem;margin:5px 0 40px}.artist-container{display:flex;justify-content:center}.artist-long-term-header,.artist-medium-term-header,.artist-short-term-header{display:flex;flex-direction:column;align-items:center;font-size:1.3rem;margin:20px 0 15px}.artist-long-term-header h1,.artist-medium-term-header h1,.artist-short-term-header h1{border-bottom:3px solid #fff;margin:0}.main-artist-div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 10vw;max-width:200px}.main-artist-div p{font-size:1.4rem;margin:17px 0 45px}.main-artist-div img{height:200px;border-radius:40px;box-shadow:0 0 17px #fff;transition:transform .5s ease-in-out;margin:20px 0 0}.main-artist-div img:hover{transform:scale(1.08);transition:transform .5s ease-in-out}@media (max-width:1250px) and (min-height:800px){.artist-back-button-container button{margin-bottom:20px}.artist-header-container h1{font-size:3.5rem;font-weight:700;margin:0}.artist-header-container div{font-size:1.6rem;margin:5px 0 40px}.artist-long-term-header,.artist-medium-term-header,.artist-short-term-header{font-size:1.1rem}.main-artist-div p{font-size:1.3rem}.main-artist-div img{height:170px}}@media (max-width:850px){.artist-container{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media (max-width:900px) and (min-height:800px){.artist-header-container h1{font-size:3rem;font-weight:700;margin:0}.artist-header-container div{font-size:1.6rem;margin:5px 0 15px}.artist-long-term-header,.artist-medium-term-header,.artist-short-term-header{font-size:1.4rem}.artist-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.main-artist-div{text-align:center}.main-artist-div p{font-size:1.8rem}.main-artist-div img{height:270px}}@media (max-width:800px){.artist-header-container{text-align:center}}@media (max-width:420px){.artist-back-button-container button{padding:2px 15px;margin-bottom:15px;font-size:.7rem}.artist-header-container h1{font-size:2rem}.artist-header-container div{font-size:1.1rem;margin:2.5px 0 0}.artist-long-term-header,.artist-medium-term-header,.artist-short-term-header{font-size:.9rem}.main-artist-div p{font-size:1.2rem;margin-bottom:10px}.main-artist-div img{height:145px}}@media (max-height:900px) and (min-width:600px){.artist-back-button-container button{padding:3px 26px;font-size:.9rem}.artist-header-container h1{font-size:2.8rem;font-weight:700;margin:0}.artist-header-container div{font-size:1.5rem;margin:5px 0 15px}.artist-long-term-header,.artist-medium-term-header,.artist-short-term-header{font-size:.95rem}.main-artist-div p{font-size:1.01rem}.main-artist-div img{height:140px}}.back-button-container{display:flex}.back-button-container button{text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:700;letter-spacing:1px;cursor:pointer;border-radius:20px;background-color:#fff;color:#000;padding:8px 35px;transition:.3s ease-in-out;border:1px solid #fff;font-size:1rem;margin-left:2vw;margin-top:1.8vh}.back-button-container button:active{transform:scale(.95)}.back-button-container button:focus{outline:none}.back-button-container button:hover{background-color:#1db954;border:1px solid #1db954;color:#fff;box-shadow:0 0 2px #fff}.song-header-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.interesting{color:#20ca5c}.song-header-container h1{font-size:4rem;font-weight:700;margin:0}.song-header-container div{font-size:1.8rem;margin:5px 0 40px}.songs-container{display:flex;justify-content:center}.long-term-header,.medium-term-header,.short-term-header{display:flex;flex-direction:column;align-items:center;font-size:1.3rem;margin:20px 0 15px}.long-term-header h1,.medium-term-header h1,.short-term-header h1{border-bottom:3px solid #fff;margin:0}.main-song-div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 10vw;max-width:200px}.main-song-div p{font-size:1.4rem;margin:17px 0 45px}.main-song-div img{height:200px;border-radius:40px;box-shadow:0 0 17px #fff;transition:transform .5s ease-in-out;margin:20px 0 0}.main-song-div img:hover{transform:scale(1.08);transition:transform .5s ease-in-out}a{text-decoration:none;color:#fff}@media (max-width:1250px) and (min-height:800px){.back-button-container button{margin-bottom:20px}.song-header-container h1{font-size:3.5rem;font-weight:700;margin:0}.song-header-container div{font-size:1.6rem;margin:5px 0 40px}.long-term-header,.medium-term-header,.short-term-header{font-size:1.1rem}.main-song-div p{font-size:1.3rem}.main-song-div img{height:170px}}@media (max-width:850px){.songs-container{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media (max-width:900px) and (min-height:800px){.back-button-container button{margin-bottom:20px}.song-header-container h1{font-size:3rem;font-weight:700;margin:0}.song-header-container div{font-size:1.6rem;margin:5px 0 15px}.long-term-header,.medium-term-header,.short-term-header{font-size:1.4rem}.songs-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.main-song-div{text-align:center}.main-song-div p{font-size:1.8rem}.main-song-div img{height:270px}}@media (max-width:800px){.song-header-container{text-align:center}}@media (max-width:420px){.back-button-container button{padding:2px 15px;margin-bottom:15px;font-size:.7rem}.song-header-container h1{font-size:2rem}.song-header-container div{font-size:1.1rem;margin:2.5px 0 0}.long-term-header,.medium-term-header,.short-term-header{font-size:.9rem}.songs-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.main-song-div p{font-size:1.2rem;margin-bottom:10px}.main-song-div img{height:145px}}@media (max-height:800px) and (min-width:600px){.back-button-container button{padding:3px 26px;font-size:.9rem}.song-header-container h1{font-size:2.8rem;font-weight:700;margin:0}.song-header-container div{font-size:1.5rem;margin:5px 0 15px}.long-term-header,.medium-term-header,.short-term-header{font-size:.95rem}.main-song-div p{font-size:1.01rem}.main-song-div img{height:140px}}body{background-color:#3b3e46;color:#fff;margin:0;padding:0}
/*# sourceMappingURL=main.9d79f025.chunk.css.map */