body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Signika,sans-serif;margin:0;overflow-x:hidden;overflow-y:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{align-items:center;display:flex;justify-content:center}.column{flex-direction:column}header{align-items:center;background-color:#8cd890;color:#fff;display:flex;font-family:Signika,sans-serif;font-size:1.2em;height:50px;justify-content:space-between;padding:5px}header nav a{color:#fff;cursor:pointer;margin-right:15px;text-decoration:none}.forms{display:flex;justify-content:center;padding:20px}.forms input,.login-page form input{border:2px solid #8cd890;border-radius:5px;margin-right:10px;width:30%}.forms button,.login-page form button,.page-profile-edit form button{background-color:#8cd890;border:none;border-radius:10px;color:#fff;margin:5px;padding:10px;text-align:center;width:100px}.forms button:hover,.login-page form button:hover{cursor:pointer;opacity:50%}.albums{flex-wrap:wrap;overflow-y:scroll;width:100%}.album,.albums{display:flex;justify-content:center}.album{align-items:center;background-color:hsla(0,0%,100%,0);color:#8cd890;flex-direction:column;margin:5px;width:600px}.album img{height:200px;width:200px}.album a{background-color:#8cd890;border-radius:5px;color:#fff;padding:5px;text-align:center;text-decoration:none;width:10%}.album a:hover{background-color:#bbe6bd}.results{color:#8cd890;font-size:2em;margin:10px;text-align:center;width:100%}.user{text-transform:uppercase}.login-page{align-items:center;background:url(https://images.unsplash.com/photo-1487180144351-b8472da7d491?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1172);background-size:cover;display:flex;height:100vh;justify-content:center;text-align:center;width:100%}.login-page form input{background-color:rgba(255,228,196,0);font-size:2em;margin-bottom:50px;width:80%}input::-webkit-input-placeholder{background-color:rgba(255,228,196,0);color:#8cd890!important}.login-page form input:focus,input,input::placeholder,input:active,input:focus{background-color:rgba(255,228,196,0);color:#8cd890!important}.login-page form input::-webkit-input-placeholder{color:#8cd890;margin-bottom:50px;width:100%}.login-page form input::placeholder{color:#8cd890;margin-bottom:50px;width:100%}.title{color:#8cd890;font-size:3em}.uil{margin-right:20px}.loading{color:#8cd890}.page-search{justify-content:center;justify-content:flex-start;text-align:center;width:100%}.page-profile,.page-search{background:url(https://images.unsplash.com/photo-1468164016595-6108e4c60c8b?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170);background-size:cover;color:#8cd890;display:flex;flex-direction:column;height:100vh}.page-profile{align-items:center;overflow:hidden}.column{height:100vh;justify-content:center;padding:15px;width:100%}.column,.column-item{align-items:center;display:flex}.column-item{background-color:rgba(143,190,124,.158);border-radius:10px;flex-direction:column;height:70%;justify-content:space-between;padding:20px;width:300px}.column-item p,.column-item span{background-color:hsla(0,0%,100%,.329);border-radius:10px;padding:5px 15px;width:80%}.column a{background-color:#8cd890;border-radius:5px;color:#fff;padding:5px 10px;text-decoration:none}.column a:hover{opacity:50%}.column img{border-radius:15px;height:200px;margin:10px 0;opacity:80%;width:200px}.page-album{align-items:center;color:#a5d3a6;display:flex;flex-direction:column;justify-content:center;width:100%}header{width:100%}.songs{border:2px solid #8cd890;border-radius:5px;color:#8cd890;display:flex;flex-direction:column;height:500px;margin:5px;overflow-y:scroll;text-align:center;width:50%;width:40%}.songs div span{width:100px}.songs div{background-color:hsla(0,0%,100%,0);border-bottom:2px solid rgba(166,223,169,0);border-radius:5px;justify-content:space-between;margin:10px;padding:5px}.album-found,.songs div{align-items:center;display:flex}.album-found{border:2px solid #8cd890;border-radius:5px;flex-direction:column;height:500px;justify-content:center;margin:5px;text-align:center;width:40%}.album-found img{width:200px!important}.songs-container{background:url(https://images.unsplash.com/photo-1468164016595-6108e4c60c8b?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170);background-size:cover;padding:15px;width:100%}.favorites,.songs-container{align-items:center;display:flex;height:100vh;justify-content:center}.favorites{color:#8cd890;padding:10px}.page-favorites,.page-profile-edit{background:url(https://images.unsplash.com/photo-1468164016595-6108e4c60c8b?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170);background-size:cover;height:100vh;overflow:hidden}.page-profile-edit form{align-items:center;background-color:rgba(140,216,144,.315);border-radius:10px;color:#fff!important;display:flex;flex-direction:column;height:50%;justify-content:space-between;padding:15px;width:70%}.page-profile-edit form button:hover{cursor:pointer;opacity:50%}.edit-container{align-items:center;color:#8cd890;display:flex;height:100vh;justify-content:center;width:100%}input:-webkit-autofill{-webkit-text-fill-color:#8cd890!important;background-color:hsla(0,0%,100%,0);-webkit-box-shadow:inset 0 0 0 30px hsla(0,6%,74%,.89)}input:focus,textarea:focus{box-shadow:0 0 0 0;outline:0}.page-profile-edit{overflow:hidden}.page-profile-edit form input{background-color:hsla(0,0%,100%,0)!important;border:2px solid #8cd890;border-radius:10px;color:#fff!important;font-size:1.5em;padding:10px;width:80%}.favorites-box{border:2px solid #8cd890;display:flex;flex-direction:column;height:80%;overflow-y:scroll;padding:10px;width:90%}.favorites-box section{color:#8cd890;display:flex;width:100%}.favorites-box section div{align-items:center;border-bottom:2px solid #8cd890;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px;width:100%}.favorites-box section div span{width:30%}
/*# sourceMappingURL=main.b79e8702.css.map*/