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;background:#fd297b;background:linear-gradient(355deg,#fd297b,#ff4c6a 35%,#ff655b)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login--wrapper{display:grid;height:100vh;place-content:center;text-align:center}.login-card{overflow:auto;height:60vh;width:40vw;border-radius:25px;padding:20px;box-shadow:0 0 25px 5px #000;background:linear-gradient(270deg,#64d53a,#fd297b);background-size:400% 400%;-webkit-animation:title-card 40s ease infinite;animation:title-card 40s ease infinite}@-webkit-keyframes title-card{0%{background-position:75% 0}50%{background-position:26% 100%}to{background-position:75% 0}}@keyframes title-card{0%{background-position:75% 0}50%{background-position:26% 100%}to{background-position:75% 0}}p{padding:10px}.landing-page-title{font-size:50px;padding:20px 20px 5px;font-family:"Leckerli One",cursive}.landing-page-title,button{color:rgba(250,241,241,.904)}button{border:none;border-radius:20px;height:60px;width:250px;box-shadow:0 0 10px 2px #000;background-color:#38b457;font-size:20px;font-weight:600;transition:background-color .55s,color .25s}#pitch,button{font-family:"Unica One",cursive}#pitch{padding:10px 30px 30px;font-size:13pt;color:rgba(32,30,30,.904)}#spotify-icon{height:40px;width:40px}button:hover{background-color:#298148}.song-card--wrapper{padding:5px}#album-covers{transform:scale(1);max-height:300px;max-width:300px}.album{font-family:"Unica One",cursive}#album-title,#artists-title{font-size:3vh;font-weight:600;padding-bottom:0}.artists{font-family:"Unica One",cursive}#artists{font-size:2.5vh;padding-top:0;line-height:3vh}#id-name{font-size:4vh;line-height:3.4vw;font-weight:600}#album-name,#id-name{font-family:"Unica One",cursive}#album-name{padding-top:0;font-size:2.5vh;line-height:3vh}p{font-family:"Unica One",cursive}.center-title{font-size:70px;width:100%}.lastPlaylist{padding:40px;max-width:200px;max-height:100px;border:10px;position:relative;top:40px;place-content:center;flex-shrink:0;height:100%}#album-image{transform:scale(1);max-height:200px;max-width:200px}.slider{padding:20px;width:100vw;height:100vh;display:flex;overflow-x:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(270deg,#ff655b,#ff4c6a,#f8708f,#80c260,#50cfbd,#c650cf);background-size:1200% 1200%;-webkit-animation:AnimationName 36s ease infinite;animation:AnimationName 36s ease infinite}#check-mark{display:block;right:2%;border-radius:600px;background:rgba(181,230,157,.6588235294117647);border:2px solid #128700}#check-mark,#x-cross{transform:scale(.5);max-height:100px;position:fixed;bottom:40%;padding:50px}#x-cross{left:5%;border-radius:600px;background:#ff8f8f;border:2px solid #ba0000}.swiping-page--wrapper{display:grid;height:100vh;place-content:center;background:linear-gradient(270deg,#ff655b,#ff4c6a,#f8708f,#80c260,#50cfbd,#c650cf);background-size:1200% 1200%;-webkit-animation:AnimationName 36s ease infinite;animation:AnimationName 36s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}img.avatar{width:100%;border-radius:50%}.card{height:500px;width:300px;padding:20px;box-shadow:0 0 5px 1px #000;border-radius:4px}.viewport{padding:40px;width:500px;height:500px;border:10px;position:relative;place-content:center}.viewport li{overflow:auto;width:auto;height:auto;list-style:none;border-radius:20px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:0;box-shadow:0 0 2px rgba(0,0,0,.2),1px 1px 1px rgba(0,0,0,.2);line-height:3px;text-align:center;font-size:10px;background:#8ac9e2;cursor:default;place-content:center;transition:background-color .55s,color .25s}.viewport li.in-deck:nth-child(3){top:2px;transform:translate(2px,2px) rotate(.4deg)}.viewport li.in-deck:nth-child(2){top:4px;transform:translate(-4px,-2px) rotate(-1deg)}
/*# sourceMappingURL=main.7ed3e121.chunk.css.map */