html{overflow-x:hidden;overflow-y:hidden}.spacer{flex-grow:1}.body{background:linear-gradient(180deg,#172d17,#000);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin:0;overflow-x:hidden;overflow-y:hidden;top:0}.mainContainer{display:flex;flex:1 1;height:100%;width:100vw}.headerCon{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.headerCon img{height:70px;padding:5px 20px;width:70px}h1{color:#fff;font-family:Abel,sans-serif;font-size:3em;margin:10px 0}header img{height:110px;margin:5px 5px 0;width:110px}.dash{display:flex;flex-direction:column}main{flex-grow:1}.dash ul{padding-left:0}.dash li{align-items:center;color:#fff;display:flex;justify-content:flex-start;list-style-type:none;padding:10px}.dashText{display:none}.material-symbols-outlined{color:#fff;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 30}.dash .home:hover,.dash .more:hover,.dash .profile:hover,.dash .search:hover{background:#5c5c5c66;border-radius:8px;transition:background-color .25s ease-in-out}.dash a{text-decoration:none}h2{letter-spacing:1px;margin-top:30px;padding:0}.recommend{display:flex;font-family:Abel,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-left:25px;width:100vw}.recommendation-section{font-family:Abel,sans-serif;height:100%;width:90%}.recommendation-title{align-content:start;margin-top:0}.recommendation-description,.recommendation-title,.song-input{font-family:Abel,sans-serif}.song-input{width:50%}.input-songs-list{display:flex;font-family:Abel,sans-serif;font-size:15px}.input-songs-list p{margin-right:10px;margin-top:0}.recommend-button{align-items:center;font-family:Abel,sans-serif;font-size:10px;justify-content:center;letter-spacing:1px;width:50%}.recommendation-section{background-color:#0d0d0d;border-radius:8px;color:#fff;font-family:Nunito Sans,sans-serif;margin:20px 0;padding:20px}.recommendation-title{color:#1db954;font-size:1.5em;margin-bottom:.5em}.recommendation-description{font-size:1em;margin-bottom:1em}.song-input-container{align-items:center;display:flex;gap:10px;margin-bottom:1em}.song-input{background-color:#121212;border:1px solid #333;border-radius:20px;color:#fff;flex-grow:1;padding:10px}.recommend-button{background-color:#1db954;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.recommend-button:hover{background-color:#169443}.recommendation-results{background-color:#121212;border-left:4px solid #1db954;border-radius:8px;font-family:Abel,sans-serif;height:40vh;margin-bottom:20px;overflow-y:auto;padding:15px}.recommended-songs{height:auto}.emotion-detected{font-style:italic;margin-bottom:1em}.emotion{font-weight:700}.recommended-songs h4{color:#1db954;margin-bottom:.5em}.recommended-songs ul{list-style:none;padding-left:0}.recommended-songs ul li{padding:5px 0}.section-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.section-header h3{text-align:left}.sortSelection{align-content:center;color:#fff;font-family:Abel,sans-serif;height:50px;margin-left:auto;margin-right:20px;margin-top:20px}.sortSelection label{font-size:15px}#sortSelect{width:80px}.sortDropdown{background-color:#ffffffe6;border-radius:10px;color:#000;padding:8px 16px}.sortDropdown,footer{font-family:Abel,sans-serif}footer{color:#fff;font-size:10px}footer .contact{display:none}.searchContainer{display:flex;flex-direction:column;height:100vh;width:100%}h2{color:#fff;font-family:Abel,sans-serif;font-size:30px;font-weight:300;letter-spacing:.2px;margin-left:10px;text-align:center}.searchButton{align-items:center;display:flex;margin-top:15px;padding:20px 10px}.spacer{display:none}.searchInput{background:#eaf0e5;border-radius:15px;font-family:Abel,sans-serif;font-size:15px;height:30px;padding-left:5px;padding-right:5px;width:100px}.searchInput:focus{background:#eaf5eeb1;transition:.2s ease}.searchHead{align-content:center;display:flex}.searchBody{max-height:750px;overflow-x:visible;overflow-y:auto}.searchBody p{font-size:20px;margin-left:20px}.searchBody p,.table{color:#fff;font-family:Abel,sans-serif}.table{border-collapse:collapse;margin:0 20px;overflow-y:scroll}thead th{height:100px;text-align:left}thead tr th{justify-content:space-between}tbody tr td img{height:90px;object-fit:cover;width:90px}tbody tr td,thead th{border-bottom:1px solid #d3d3d3;margin:0 50px;padding:5px}tbody tr td{padding:10px}.userProfile{display:flex;flex-direction:column;width:100vw}.userProfile h2{justify-contenty:left;display:flex;padding-left:25px}.login{color:#fff;display:flex;flex-direction:column;font-family:Abel,sans-serif;height:100%;margin-left:5%;margin-top:5%;width:100vw}label{font-size:10px}.login form label{margin-bottom:30px}.login input{align-items:center;border-radius:10px;font-family:Abel,sans-serif;height:20px;margin-left:10px;padding-left:8px;width:150px}input[type=submit]{background-color:#033e03;color:#fff;font-size:10px;height:20px;margin-left:0;width:60px}.userProfile,.userProfile button{font-family:Abel,sans-serif}.userProfile button{background-color:#1caf50;border-radius:12px;color:#fff;margin-top:20px;padding:15px 10px;width:200px}footer{align-items:end;display:flex;flex-direction:column;margin-bottom:20px;margin-right:20px}@media screen and (min-width:500px){.dash ul{padding-left:10px}.dash li{align-items:center;color:#fff;display:flex;justify-content:flex-start;list-style-type:none;padding:30px}.dashText{color:#fff;display:block;font-family:Abel,sans-serif;font-size:20px;margin-left:12px}.mainContainer{display:flex}.login{margin-left:15%;margin-top:4%}.login label{font-size:18px}input[type=submit]{font-size:15px;height:30px;width:100px}.searchContainer .table{margin-left:30px;overflow-y:scroll;width:100%}.searchBody{max-height:480px}.searchFooter{display:relative}.login{margin-left:50px}.login input{margin-bottom:20px}footer{align-items:end;display:flex;flex-direction:column;margin-top:50px}footer p{margin:5px 20px}footer a{color:#fff;padding-left:10px}footer .contact{display:block}.sortDropdown{background-color:#ffffffe6;border-radius:10px;color:#000;font-family:Abel,sans-serif;padding:8px 16px}.songSearch{align-items:center;display:flex;justify-content:center;margin:20px;padding:10px}#songSearchInput{border:1px solid #ccc;border-radius:20px;font-family:Nunito Sans,sans-serif;margin-right:10px;padding:8px 12px;width:60%}.spacer{display:block}.searchInput{background:#eaf0e5;border-radius:20px;font-size:15px;height:30px;padding-left:15px}.searchInput,.sortSelection{font-family:Abel,sans-serif;width:200px}.sortSelection{color:#fff;height:100%;margin:10px 20px}.sortSelection label{margin-right:10px}#sortSelect{width:120px}button{background-color:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Nunito Sans,sans-serif;padding:8px 16px}button:hover{background-color:#45a049}footer{margin-top:0}}
/*# sourceMappingURL=main.80751248.css.map*/