.nav-section{width:100vw;height:10vh;background-color:var(--dark-base);display:flex;align-items:center;justify-content:center}.search-bar{width:80%;height:70%;background-color:var(--mid-base);display:flex;align-items:center;justify-content:space-evenly}#search-input{width:95%;margin-left:.75%;height:75%;background-color:var(--dark-base);color:var(--white-color);border:none}#search-input:focus{border:none;outline:none}#search-button{width:15%;height:70%;border:none;font-family:Gotham Htf;background-color:var(--secondary-color)}#search-button:hover{background-color:var(--hover-secondary-color)}#search-button:focus{border:none;outline:none}.playlist-section{width:100vw;height:45vh;background-color:var(--dark-base);display:flex;align-items:center;justify-content:center;flex-direction:column}#playlist_title{color:var(--white-color);font-family:Gotham htf}.playlist-container{width:80%;height:90%;background-color:var(--mid-base);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto}.song-container{width:98.5%;height:5vh;margin-top:1vh;background-color:var(--dark-base);display:flex;align-items:center;justify-content:space-between}.song-container>div>*{margin-left:2vh;margin-right:2vh;font-family:Gotham Htf;display:flex}.song-container>div{display:flex;justify-content:flex-start;align-items:center}.start-song-div{height:100%;width:70%}.middle-song-div{height:100%;width:25%}.end-song-div{height:100%;width:5%}.start-song-section,.middle-song-section{color:var(--white-color)}.end-song-section{font-size:200%;color:var(--secondary-color)}.suggestions-section{width:100vw;height:45vh;background-color:var(--dark-base);display:flex;align-items:center;justify-content:center;flex-direction:column}.suggestion-container{width:80%;height:70%;background-color:var(--mid-base);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;overflow-y:auto}.add-song-button{background-color:#fff0;border:none}.add-song-button:hover{color:var(--hover-secondary-color)}.suggestion-container,.playlist-container,.search-bar,.song-container,#search-input,#search-button{border-radius:10px}body{margin:0;padding:0}:root{--dark-base: #222831;--mid-base: #31363F;--secondary-color: #76ABAE;--hover-secondary-color: #3562ea;--white-color: #EEEEEE}