body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.App,body,html{height:100%}.App{overflow-x:hidden}html{font-size:62.5%;box-sizing:border-box}body{font-family:"Open Sans",sans-serif}.title{font-family:"Permanent Marker",cursive;font-style:normal;font-weight:400;font-size:9rem;color:#fff;margin:0;position:absolute;top:.5rem;left:33%}@media (max-width:980px){.title{font-size:6rem;top:3rem}}@media (max-width:750px){.title{font-size:5rem}}@media (max-width:580px){.title{font-size:4rem}}.search-results{height:100%}.search-results>form{background:#141543 url(/static/media/home-bg.49245c3c.png) no-repeat;background-size:cover;height:10rem;display:flex;justify-content:center;align-items:center;padding:2rem 0}.search-results>form .searchBar{font-size:2rem;padding:1.6rem 3rem;border-radius:3rem;width:50%;max-width:550px;border:1px solid #e1e1e2;outline:0;box-sizing:border-box}@media (max-width:800px){.search-results>form .searchBar{width:70%}}@media (max-width:500px){.search-results>form .searchBar{width:80%}}.search-results .results-list{max-width:1024px;box-sizing:border-box;min-height:70%;margin:20px auto;background:#f1f1f2;padding:10px;border-radius:20px}.search-results .results-list>p{font-size:1.6rem}.search-results .results-list .results-header{display:flex;justify-content:space-between;align-items:center}.search-results .results-list .results-header h1{font-size:2.4rem;padding:0 0 0 1rem}.search-results .results-list .results-header input{padding:10px 20px;border:1px solid #e1e1e2;border-radius:5px;width:20%;-webkit-transition:all .2s;transition:all .2s;outline:0}.search-results .results-list .results-header input:focus{width:30%}@media (max-width:700px){.search-results .results-list .results-header input{width:40%}.search-results .results-list .results-header input:focus{width:50%}}.search-results .results-list .no-favorites{font-size:1.6rem}@media (max-width:700px){.search-results .results-list .popularity,.search-results .results-list .tempo{display:none}}@media (max-width:500px){.search-results .results-list .artist,.search-results .results-list .duration{display:none}}.search-results .results-list .artist h1,.search-results .results-list .duration h1{font-size:2.4rem}.header-container{background-color:#141534}.header-top{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:15rem}@media (max-width:500px){.header-top{height:10rem}}.logo{width:150px;padding:0 0 0 3rem}@media (max-width:500px){.logo{width:90px;align-self:center}}.header-links-container{text-align:right}.header-links{margin:10px 30px 10px 10px}.header-links a{color:#fff;text-decoration:none;font-size:1.8rem;margin:10px;border:1px solid transparent;border-radius:20px;padding:10px 18px;-webkit-transition:all .4s ease;transition:all .4s ease}@media (max-width:500px){.header-links a{font-size:1.4rem;padding:5px 10px;border-radius:12px}}.header-links a:hover{background-color:#c889ff}.header-links .active{border:1px solid #fff}.header-links i{font-size:25px;color:#fff;cursor:pointer}.header-links .links-wrapper{display:flex;flex-direction:column;position:relative;right:100px;background:#000;border-radius:20px;z-index:10}.header-title{color:#fff;height:0;font-size:18px;text-align:center;background:#fff}.header-title h1{margin:0;font-size:40px}.home-full-bg{position:relative}.home-full-bg .home-container{display:flex;flex-direction:column;align-items:space-around;width:100%;margin:0 auto}.home-full-bg .home-container .home-image{background:#141543 url(/static/media/home-bg.49245c3c.png) no-repeat;background-size:cover;height:50vh}.home-full-bg .home-container .home-image .home-image-inner-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;height:100%;padding:70px 30px 120px;box-sizing:border-box}@media (max-width:800px){.home-full-bg .home-container .home-image .home-image-inner-container{flex-direction:column;align-items:stretch}}.home-full-bg .home-container .home-image .home-image-inner-container .subtitle{font-style:normal;font-weight:600;font-size:6rem;color:#fff;font-family:"Open Sans",sans-serif;margin:0}@media (max-width:800px){.home-full-bg .home-container .home-image .home-image-inner-container .subtitle{text-align:center}}@media (max-width:450px){.home-full-bg .home-container .home-image .home-image-inner-container .subtitle{font-size:4rem}}.home-full-bg .home-container .home-image .home-image-inner-container .search-form{align-self:flex-end}@media (max-width:800px){.home-full-bg .home-container .home-image .home-image-inner-container .search-form{align-self:inherit}}.home-full-bg .home-container .home-image .home-image-inner-container .search-form form .searchBar{width:50rem;height:6rem;background:#f8f8f8;border:2px solid #000;border-radius:3rem;outline:none;padding:.5rem 0 .5rem 2rem;font-size:18px;box-sizing:border-box}@media (max-width:800px){.home-full-bg .home-container .home-image .home-image-inner-container .search-form form .searchBar{width:100%}}.home-full-bg .home-container .search-favorites-container{padding:5rem;display:flex;justify-content:space-between}@media (max-width:700px){.home-full-bg .home-container .search-favorites-container{flex-direction:column}}.favorite-template,.search-template{display:flex;flex-direction:column;text-align:center;padding:0 40px;box-sizing:border-box}@media (max-width:500px){.favorite-template,.search-template{padding:0}}.favorite-template{align-self:flex-end}.favorite-template i,.search-template i{font-size:110px;margin:0 0 20px;color:#141543}.favorite-template span,.search-template span{font-size:3rem;font-weight:700;margin-left:10px;color:#141543}@media (max-width:400px){.favorite-template span,.search-template span{font-size:2.5rem}}.favorite-template p,.search-template p{font-size:1.7rem;color:#141543}footer{height:80px;width:100%;background-color:#141534}.footer-content{display:flex;justify-content:center;width:100%;color:#fff;font-size:20px}.login-form-container{display:flex;justify-content:center;margin-top:50px}.login-form-container .login-form{display:flex;flex-direction:column;width:460px;padding:3rem 4rem;margin:4rem 0 0;box-sizing:border-box;border-radius:2rem;background:#f1f1f2;box-shadow:0 0 40px #d1d1d2}.login-form-container .login-form h1{font-size:3rem;display:flex;justify-content:space-between;align-items:center;color:#141543}.login-form-container .login-form input{padding:10px;border:1px solid #e1e1e2;border-radius:1rem;outline:none;width:100%;box-sizing:border-box}.login-form-container .login-form label{margin-top:10px;font-size:1.6rem}.login-form-container .login-form button{padding:.7em 1.7em;margin-top:20px;text-decoration:none;font-family:"Roboto",sans-serif;font-size:1.6rem;color:#fff;background-color:#141543;text-align:center;border:none;outline:none;border-radius:1rem;box-sizing:border-box}.login-form-container .login-form .error{border:1px solid #5e0101;background:#fdc6cf;text-align:center;padding:20px;font-size:1.5rem;border-radius:1rem;margin-bottom:1rem}.login-form-container .login-form .signup_successful{border:1px solid #006400;background:#ddffc5;color:#006400;text-align:center;padding:20px;font-size:1.5rem;border-radius:1rem;margin-bottom:1rem}.login-form-container .login-form .register_link{font-size:1.6rem;padding:1rem 0}@media (max-width:500px){.login-form-container .login-form{width:90%}}.sign-up-form-container{display:flex;justify-content:center;margin-top:50px}.sign-up-form-container .sign-up-form{display:flex;flex-direction:column;width:460px;padding:3rem 4rem;margin:4rem 0 0;box-sizing:border-box;border-radius:2rem;background:#f1f1f2;box-shadow:0 0 40px #d1d1d2}@media (max-width:500px){.sign-up-form-container .sign-up-form{width:90%}.sign-up-form-container .sign-up-form input{width:100%}.sign-up-form-container .sign-up-form label{align-self:center}}.sign-up-form-container .sign-up-form h1{font-size:3rem;display:flex;justify-content:space-between;align-items:center;color:#141543}.sign-up-form-container .sign-up-form input{padding:10px;border:1px solid #e1e1e2;border-radius:1rem;outline:none;width:100%;box-sizing:border-box}.sign-up-form-container .sign-up-form label{margin-top:10px;font-size:1.6rem}.sign-up-form-container .sign-up-form button{padding:.7em 1.7em;margin-top:20px;text-decoration:none;font-family:"Roboto",sans-serif;font-size:1.6rem;color:#fff;background-color:#141543;text-align:center;border:none;outline:none;border-radius:1rem;box-sizing:border-box}.sign-up-form-container .sign-up-form .error{border:1px solid #5e0101;background:#fdc6cf;text-align:center;padding:20px;font-size:1.5rem;border-radius:1rem;margin-bottom:1rem}.sign-up-form-container .sign-up-form .input-error{font-size:1.3rem;color:#5e0101;padding:2px 1rem}.sign-up-form-container .sign-up-form .input-error:before{content:"* "}.profile-body{display:flex;flex-direction:column;align-items:center;margin-top:50px}.profile-body h1{font-size:30px}.profile-body .profile-info{display:flex;flex-direction:column}.profile-body .profile-info i{font-size:200px}.profile-favorite-songs{box-shadow:0 4px 8px 0 #a9a9a9;-webkit-transition:.3s;transition:.3s;display:flex;flex-direction:column;align-items:center}.profile-favorite-songs button{margin:10%;padding:30px;width:150px;cursor:pointer;font-size:16px}.profile-favorite-songs button:hover{background-color:#141543}.profile-favorite-songs h3{font-size:20px}.profile-favorite-songs ul{margin:10px}.profile-favorite-songs li{font-size:16px;list-style-type:disc;margin:6px}
/*# sourceMappingURL=main.5717e92e.chunk.css.map */