.navbar{position:fixed;background-color:#333;width:100%;height:5%;background-color:#101010;z-index:9999}.container{display:flex;height:100%}.logo{color:#fff;text-decoration:none}.nav-links{display:flex;width:100%;list-style:none;justify-content:center;margin:0;padding:0;height:100%}.nav-links a{display:flex;color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease;height:100%;align-items:center;padding-left:16px;padding-right:16px}.nav-links button{display:flex;all:unset;cursor:pointer;height:100%;transition:color .3s ease;padding-left:16px;padding-right:16px}.nav-links a:hover,.nav-links button:hover{color:brown}.typewriter-container{padding-top:30vh;padding-bottom:30vh;padding-left:10vw;min-height:20em}.blinking-cursor{position:absolute;color:brown;animation:blink 1s step-end infinite;transform:translateY(-7%)}@keyframes blink{0%{opacity:0}50%{opacity:1}}.login-button-container{display:flex;flex-direction:column;align-items:center}.login-button{margin-top:45vh;margin-bottom:45vh}.top-songs-container{margin:auto;width:90%}.top-song-container{margin:8px}.top-songs-list{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;padding:0}.album-image{width:128px;height:auto}.top-song-text-container{min-height:5em}.top-song-name-container{width:128px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;margin-bottom:4px}.top-song-artist-container{font-size:14px;width:128px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}.logout-button-container{display:flex;align-items:center;justify-content:center}.logout-button{background:#1ed760;border:none;padding:8px 16px;border-radius:20px;color:inherit;font:inherit;cursor:pointer}.contact{background-color:#101010;margin-top:100vw;margin-left:5vw;padding-top:3vh;padding-bottom:3vh;padding-left:3vw;padding-right:3vw;border-radius:8px;display:inline-block}.contact ul{list-style-type:none;padding-left:0}.contact a{text-decoration:none;color:#fff;transition:color .3s ease-in}.contact ul li:first-child a{font-size:24px}.contact a:hover{color:brown}.logout-button-container-heardle{position:absolute;top:10vh;right:10vh}.heardle-title{margin-top:10vh;font-size:48px}.heardle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.heardle-search-results-container{display:flex;justify-content:center}.heardle-search-results{display:flex;list-style-type:none;flex-direction:column;padding-left:0;border:1px solid white;text-align:left;height:30vh;overflow-y:auto;text-overflow:ellipsis;width:20vw}.heardle-search-result{cursor:pointer;padding:8px;transition:background-color .3s ease}.heardle-search-result:hover{background-color:#2a2a2a}.heardle-search-result-name{font-size:16px}.heardle-search-result-artist{font-size:14px;color:#a7a7a7}.heardle-audio-controls-container{margin:5vh}.answer-input,.playlist-id-input,.playlist-search-input{background:#242424;color:#fff;font-size:16px;padding:8px 16px;margin-top:16px;border-radius:32px;border:2px solid rgb(36,36,36)}.answer-input:hover,.playlist-id-input:hover,.playlist-search-input:hover{border:2px solid white}.answer-input:focus,.playlist-id-input:focus,.playlist-search-input:focus{outline:none}.sidebar{height:100%;width:256px;position:fixed;left:-256px;background-color:#111;overflow-x:hidden;transition:.3s;padding-top:10vh;z-index:1000}.sidebar.open{left:0}.sidebar a{text-decoration:none;font-size:18px;color:#fff;display:block;transition:.3s}.open-btn{left:0;position:fixed;font-size:16px;cursor:pointer;color:#fff;border:none;z-index:10000}.sidebar-list{list-style-type:none;padding-left:0}.sidebar-item{display:flex;align-items:center;flex-grow:1}.sidebar-item a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item:hover{background:#1a1a1a}.sidebar-playlist-image{height:64px;margin:16px;border-radius:8px}.heardle-audio-progress-bar{border:1px solid white;border-radius:16px;height:8px;width:50vw;margin:16px}.heardle-audio-progress{background:#fff;height:8px}.heardle-audio-progress-bar-indicators{position:relative}.heardle-audio-progress-bar-arrow{position:absolute;text-align:center;bottom:2px;transform:translate(-50%);font-size:12px}.heardle-audio-progress-bar-number{position:absolute;transform:translate(-50%);font-size:12px;bottom:14px}.audio-player-container{display:flex;align-items:center;justify-content:center}button{font:inherit;background-color:#1ed760;border:none;color:#fff;padding:8px 16px;font-size:16px;margin:8px;cursor:pointer;border-radius:32px;transition:background-color .3s}button.playing{background-color:#f44336}body{background-color:#202020;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#fff;margin:0;padding:0;width:100%;height:100%}