body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}#root{--bg-color:#000;--fg-color:#99a9ea;--fg-border:#c3e0f8;height:100%;width:100%}@font-face{font-family:Agbalumo;src:url(/static/media/Agbalumo-Regular.169b25c00fba6c8e1947.ttf)}a,button,h1,h2,h3{font-family:Agbalumo}body,html{background-color:#000;height:100%;margin:0}.App{background-color:#020024;display:flex;flex-direction:row;min-height:100vh;text-align:center;width:100vw}main{justify-content:center;margin-right:20px;width:100%}.App-header,main{align-items:center;display:flex;flex-direction:column;position:relative}.App-header{background:linear-gradient(0deg,#020024 10%,#99a9ea);border-image:linear-gradient(180deg,#99a9ea,#020024) 2 100%;border-style:solid;border-width:3px;border-bottom:none;border-top:#99a9ea;color:#fff;justify-content:space-between;margin:20px;min-width:300px;padding:10px 20px}.App-header h1{font-size:48px;margin:10px 0}#spotifyImg{filter:invert(100%);position:absolute;top:37%;width:200px}.rotate{animation:rotation 8s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.logBtn{background-color:var(--fg-color);border:1px solid #8d8d8d;border-radius:5px;color:#fff;font-size:14px;font-weight:700;padding:3px 10px;text-decoration:none}.logBtn:hover{background-color:#e7ebff;color:#171717}.logBtn:active{background-color:#d0d6f1;box-shadow:inset 0 0 1px #000;color:#777}#loginMessage{border:2px solid #c3e0f8;border-radius:5px;box-shadow:0 0 10px #b2b2b2,inset 0 0 10px #b2b2b2;color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;margin:100px;padding:75px}#loginMessage h1{font-size:45px;margin-bottom:0}#loginMessage h3{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}#logBtnContainer{align-items:center;background-color:var(--fg-color);border:2px solid var(--fg-border);border-radius:100px;box-shadow:0 0 10px #b2b2b2,inset 0 0 10px #b2b2b2;color:#fff;display:flex;font-size:20px;height:100px;justify-content:center;margin:30px auto 0;text-decoration:none;width:200px}#logBtnContainer:hover{background-color:#e7ebff;color:#171717}#logBtnContainer:active{background-color:#d0d6f1;box-shadow:inset 0 0 1px #000;color:#777}#titleContainer{position:relative;width:100%}.titleBg{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#0003;color:#0000;position:absolute}#titleUp{left:25px;top:-20px;z-index:1}#titleDown{left:53px;top:20px;z-index:1}#titleMain{position:relative;z-index:3}@media only screen and (max-width:1050px){.App-header{border:none;min-width:200px}#spotifyImg{top:40%;width:150px}#titleUp{left:-11px;top:-20px;z-index:1}#titleDown{left:20px;top:17px;z-index:1}}@media only screen and (max-width:930px){.App{flex-direction:column;width:100%}.App-header{background:linear-gradient(0deg,#02002480,#99a9ea);border:none;flex-direction:row;height:100px;justify-content:space-around;margin:0 0 20px;padding:10px 20px;position:relative}.App-header h1{font-size:32px;margin:10px 0}#titleContainer{width:auto}.titleBg{display:none}#titleMain{padding:0}#loginMessage{margin:40px;max-width:80%;padding:40px}#spotifyImg{position:relative;top:0;width:40px}}@media only screen and (max-width:390px){.App-header{margin-bottom:0;padding:10px 0}#loginMessage{margin:30px 30px 40px;padding:40px}#loginMessage h1{margin-top:0}#logBtnContainer{height:50px;width:150px}}#optionContainer{display:flex;justify-content:space-evenly;margin:30px 4px 15px}#optionContainer,.optionBtn{position:relative;z-index:20}.optionBtn{background-color:var(--fg-color);border:2px solid var(--fg-border);border-radius:5px;color:#fff;font-size:16px;font-weight:700;min-width:155px;padding:5px 10px}.optionBtn:hover{background-color:#c2adf6}.dropdown{display:inline-block;position:relative}.dropdown-content{box-shadow:0 8px 16px 0 #0003;display:none;left:50%;margin:auto;position:absolute;transform:translate(-50%);width:100%;z-index:10}.dropdown-content button{background-color:#36366a;border:2px solid var(--fg-border);border-radius:0;border-top:none;color:#fff;display:block;font-weight:700;margin:auto;padding:10px 5px;text-decoration:none;width:90%}.dropdown-content button:hover{background-color:#54558f}.dropdown:active .dropdown-content,.dropdown:hover .dropdown-content{display:block}#startContainer{color:#fff;display:flex;flex-direction:column;gap:30px;justify-content:space-around;width:100%}#infoModal{border:2px solid var(--fg-border);border-radius:5px;box-shadow:0 0 10px #b2b2b2,inset 0 0 10px #b2b2b2;margin:0 30px;padding:25px}#infoDesc{display:flex;flex-direction:row;justify-content:space-around}#infoDesc div{margin-top:20px}.infoP{text-align:left}.infoFeature{background-color:#99a9ea33;border-radius:3px;padding:20px}hr{border:1px solid var(--fg-border);border-radius:1px;color:var(--fg-border)}#allSongs{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-evenly}.songContainer{height:310px;width:220px}.artistContainer,.songContainer{animation-duration:.5s;background-color:#99a9ea;border:2px solid #c3e0f8;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;margin:15px;padding:10px}.artistContainer{height:270px;width:200px}.albumCover{border-radius:5px;height:200px;margin:0 auto;object-fit:cover;width:200px}.songLink{color:#fff;font-size:17px;font-weight:700;margin:10px 0;text-decoration:underline}.artistName{font-size:20px}.songContainer p{font-size:14px;margin:0}.animateData{animation-duration:5s}.playContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}.playBtn{filter:invert(100%);width:25px}.playBtn:hover{filter:invert(100%);width:27px}#analysisContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;position:relative}.colorInfoModal{background-color:#99a9ea;border:2px solid #c3e0f8;border-radius:5px;color:#fff;display:flex;flex-direction:column;height:270px;margin:0;padding:30px;position:absolute;width:270px;z-index:50}.colorInfoModal hr{margin:0 0 20px;width:100%}.colorInfoModal p{text-align:left}.hidden{display:none}.close{font-size:25px;position:absolute;right:15px;top:10px}.close:focus,.close:hover{cursor:pointer;filter:invert(20%)}#personalColor{align-items:center;display:flex;justify-content:center;position:relative}.dataContainer{border:2px solid #c3e0f8;border-radius:5px;box-shadow:-10px 10px 4px #99a9ea40;color:#fff;display:flex;height:270px;justify-content:space-between;margin:15px;padding:30px;width:270px}.dataContainer p{font-size:14px}.dataContainer ul{margin:0;padding:0 0 0 14px;text-align:left}.dataContainer ul li{font-size:16px;padding:10px 0}.dataContainer hr{width:100%}.dataContainer h3{margin:0 0 10px}.infoList{margin:0;padding:0 14px;text-align:left}.dataText{margin:0 0 20px}#colorInfo{filter:invert(100%);position:absolute;right:10px;top:10px;width:30px}#colorInfo:hover{cursor:pointer;filter:invert(80%)}.dataStats{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.dataStats span{font-size:60px;font-weight:700;text-align:center}.dataHead{display:inline-block;margin:0;width:100%}.dataHead p{font-size:14px}.dataHead strong{font-size:.9rem}#dataTime{font-size:16px}.dataStats h3{font-size:1rem;margin:0}#additionalInfo{flex-direction:column;justify-content:flex-start}.additional{margin:15px 0 0;text-align:center}.dataLabel{width:100%}.left{text-align:left}.genres{display:flex;flex-direction:column;gap:10px;height:100%;margin:0;width:100%}#genreContainer{align-items:flex-start}#genreStats{text-align:right}#genreStats div{margin-bottom:5px}@media only screen and (min-width:1051px){#infoDesc{gap:10px}}@media only screen and (max-width:1050px){#infoDesc{align-items:center;flex-direction:column;justify-content:center}#infoDesc div{max-width:425px}#infoModal{margin-bottom:40px}}@media only screen and (max-width:820px){.optionBtn{font-size:14px;min-width:auto}.songContainer{height:230px;margin:10px;width:150px}.artistCover{height:120px;width:120px}.songLink{font-size:13px}.songContainer p{font-size:11px}.playBtn{width:15px}#analysisContainer{margin-bottom:20px}}@media only screen and (max-width:390px){#infoModal{margin:0 15px 40px}#infoDesc{position:relative}#infoDesc div{width:auto}.optionBtn{font-size:12px;font-weight:400;padding:3px 7px;width:auto}.dataContainer h3{margin-top:0}}
/*# sourceMappingURL=main.b75b91e4.css.map*/