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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Mortend-Bold;font-style:normal;font-weight:400;src:url(/static/media/Mortend%20Bold.269913aad4c033805364.ttf) format("truetype")}@font-face{font-family:Super-Water;font-style:normal;font-weight:400;src:url(/static/media/Super%20Water.d9edd2ffbd55abd150a0.ttf) format("truetype")}.mood-container{height:100vh;overflow:hidden;position:relative;width:100%}.text-container{font-family:Mortend-Bold,Arial,sans-serif;font-weight:200;padding-top:100px;text-align:center}.text-container h1{font-family:Super-Water,Arial,sans-serif;font-size:4rem;font-weight:10;margin-bottom:.5rem}.text-container h3{font-family:Mortend-Bold,Arial,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:1px}.mood-label{color:#000;font-family:Mortend-Bold;font-size:18px;-webkit-user-select:none;user-select:none}.draggable-arrow,.mood-label{position:absolute;transform:translate(-50%,-50%)}.draggable-arrow{cursor:grab;left:48%;top:50%}.draggable-arrow:active{cursor:grabbing}.triangle{border-bottom:25px solid #0000;border-left:45px solid #000;border-top:25px solid #0000;height:0;transition:transform .2s;width:0}.checkbox-container{bottom:20px;color:#fff;font-size:16px;position:absolute;right:20px;text-shadow:1px 1px 2px #000}.spontaneous-quiz-text{color:#333;font-size:16px;left:33%;margin:10px 0;position:fixed;text-align:center;top:65%}.start-quiz-button{background-color:#ffffff80;border:none;border-radius:10px;box-shadow:0 4px 12px #8080804d;color:#000;cursor:pointer;font-family:Mortend-Bold;font-size:1rem;height:35px;left:46%;margin-top:10px;position:fixed;top:70%;transition:background-color .3s ease,transform .2s ease;width:100px}.start-quiz-button:hover{background-color:#ffffffb3;box-shadow:0 0 12px 3px #80808066;transform:scale(1.1)}.button-container{align-items:center;display:flex;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease-in-out;width:100%}.show-button{opacity:1}.generate-playlist-button{background-color:#fff;border:none;border-radius:20px;box-shadow:0 3px 6px #0000001a;color:#000;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;padding:10px 30px;transition:transform .3s,background-color .3s;transition:background-color .3s ease,color .3s ease}.generate-playlist-button:hover{background-color:#ffffffe6;transform:scale(1.05)}.pre-auth-container{align-items:center;animation:gradientAnimation 15s ease infinite;background:radial-gradient(circle at center,#3a473f,#21f097cd);background-size:200% 200%;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;justify-content:flex-start;padding:120px 20px 20px;text-align:center}.upper-content{margin-bottom:5px}.lower-content{align-items:center;display:flex;flex-direction:column;margin-top:40px}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo{font-weight:300}.spotify-logo img{margin:20px 0;padding-left:215px;width:150px}.description{font-size:1.1rem;margin-bottom:10px}.policy{font-size:.9rem;margin-bottom:30px}.policy a{color:#fff;text-decoration:underline}.connect-button{align-items:center;background-color:#1db954;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;gap:10px;padding:15px 30px;transition:background-color .3s}.connect-button img{height:24px;width:24px}.connect-button:hover{background-color:#1ed760}@font-face{font-family:Super-Moods;font-style:normal;font-weight:400;src:url(/static/media/Super%20Moods.e4ae1d6eb16a6fbc49a6.ttf) format("truetype")}body{background-color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.App-header{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.logo{font-family:Super-Moods,Arial,sans-serif;font-size:10rem;font-weight:400;letter-spacing:10px;margin:0}.subtitle{font-size:2rem;letter-spacing:4px;margin:0}.description{font-size:1rem;letter-spacing:1px;margin-top:20px}.arrow-container{align-items:center;animation:bounce 2s infinite;bottom:60px;display:flex;justify-content:center;position:absolute}.arrow{border-bottom:25px solid #0000;border-left:45px solid #000;border-top:25px solid #0000;height:0;transition:transform .2s;width:0}.arrow:hover{cursor:pointer;transform:scale(1.5) rotate(90deg)}.arrow:hover+.pause-lines{opacity:0}.pause-lines{display:flex;gap:5px;margin-left:10px;opacity:1;transition:opacity .3s ease-in-out}.line{background-color:#000;height:45px;width:5px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.playlist-container{margin:0 auto;text-align:center;width:80%}.playlist-title{font-family:Super-Water;font-size:50px;font-weight:400}.embedded-playlist{margin:20px 0}.featured-artists-title{color:#444;font-size:1.5em;margin-bottom:20px;margin-top:30px}.boxes-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}.box{margin:10px;text-align:center;width:150px}.box-image{border-radius:8px;height:150px;object-fit:cover;overflow:hidden;width:150px}.box-title{color:#333;font-size:1em;margin-top:10px}.buttons-container{display:flex;justify-content:center;margin-bottom:20px;margin-top:30px}.make-another-button,.open-spotify-button{align-items:center;background-color:#1db954;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1em;margin:0 10px;padding:12px 20px}.make-another-button:hover,.open-spotify-button:hover{background-color:#1ed760}.spotify-logo{height:24px;margin-right:8px;width:24px}.quiz-container{align-items:center;background-color:#faf8f6;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:150px 20px 20px;text-align:center}@font-face{font-family:Babydoll;font-style:normal;font-weight:400;src:url(/static/media/Baby%20Doll.95e87234f901060d1149.otf) format("truetype")}.quiz-question h3{color:#333;font-family:Babydoll,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.4;margin-bottom:20px}.quiz-option-button{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:30px;color:#333;cursor:pointer;display:flex;font-family:Mortend-Bold;font-size:1rem;font-weight:500;margin:8px 0;padding:10px 15px;transition:all .3s ease;width:100%}.quiz-option-button:hover{background-color:#f5f5f5;box-shadow:0 4px 8px #0000000d;transform:scale(1.02)}.quiz-option-button span{background-color:#fff;border:2px solid #e0e0e0;border-radius:50%;display:inline-block;font-weight:700;height:30px;line-height:26px;margin-right:10px;text-align:center;width:30px}.quiz-finished h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.back-button{background-color:#4caf50;border-radius:25px;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.back-button:hover{background-color:#45a049}.progress-bar-container{background-color:#f3f3f3;border-radius:8px;margin-bottom:20px;overflow:hidden;width:100%}.progress-bar{background-color:#c9deea;height:10px;transition:width .4s ease-in-out;width:0}@keyframes pulse{0%,to{background-color:#f4cbf4ec}50%{background-color:#cde8d8}}.quiz-result-container{align-items:center;animation:pulse 20s infinite;background-size:300% 300%;display:flex;flex-direction:column;font-family:Babydoll;height:100vh;justify-content:center;padding:20px;text-align:center}.quiz-result-container h2{font-size:3rem;margin-bottom:7px}.result-content{align-items:center;display:flex;gap:20px;justify-content:space-evenly;margin:20px 0;max-width:900px;width:100%}.result-content img{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;width:250px}.result-box{background-color:#fffc;border-radius:16px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:200px;justify-content:center;line-height:1.6;max-width:600px;padding:20px;text-align:left}.inspiration-container{margin-top:10px}.back-button,.results-playlist{margin-top:20px}.back-button{background-color:#0d270e;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Babydoll;font-size:1.5rem;left:2%;padding:10px 15px;position:fixed;top:2%;transition:background-color .3s ease,transform .2s ease}.back-button:hover{background-color:#fff;color:#000;transform:scale(1.05)}
/*# sourceMappingURL=main.520e7f07.css.map*/