@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--purple: rgb(35, 21, 40);--blue: #5398BE;--yellow: #F2CD5D;--orange: #FF773D;--red: #F05D5E;--gray: #6c757d}html,body{height:100%;margin:0;padding:0;background-color:#f5f5f5;font-family:Roboto,sans-serif}.main.svelte-1jyj574.svelte-1jyj574{height:auto;border-radius:3px}h1.svelte-1jyj574.svelte-1jyj574{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:20px}svg.svelte-1jyj574.svelte-1jyj574{opacity:100%;height:75px}.img-container.svelte-1jyj574.svelte-1jyj574{position:relative}.img-container.svelte-1jyj574:hover img.svelte-1jyj574{transition-duration:.1s;filter:brightness(80%)}button.svelte-1jyj574.svelte-1jyj574{display:none;border:none;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent}button.svelte-1jyj574.svelte-1jyj574:hover{display:block;cursor:pointer}img.svelte-1jyj574.svelte-1jyj574{height:auto;max-width:100%;border:1px solid rgba(0,0,0,.1)}img.svelte-1jyj574.svelte-1jyj574:hover{cursor:pointer}img.svelte-1jyj574:hover+button.svelte-1jyj574{display:block;cursor:pointer}h1.svelte-pk1c61.svelte-pk1c61{text-align:center;margin:0}nav.svelte-pk1c61.svelte-pk1c61{margin-bottom:50px;background-color:var(--blue)}nav.svelte-pk1c61 ul.svelte-pk1c61{display:flex;flex-direction:row;justify-content:center;gap:10rem;align-items:center;margin:0;font-size:30px;padding:0}nav.svelte-pk1c61 li.svelte-pk1c61{display:inline}nav.svelte-pk1c61 a.svelte-pk1c61{text-decoration:none;color:#000}#songContainer.svelte-pk1c61.svelte-pk1c61{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:15px;margin:0 50px}footer.svelte-pk1c61.svelte-pk1c61{position:fixed;display:flex;flex-direction:row;bottom:0;width:100%;background-color:var(--gray)}footer.svelte-pk1c61 img.svelte-pk1c61{height:200px}#songDetails.svelte-pk1c61.svelte-pk1c61{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:10px;width:33.33%}#waveform.svelte-pk1c61.svelte-pk1c61{width:66.66%}h2.svelte-pk1c61.svelte-pk1c61,h3.svelte-pk1c61.svelte-pk1c61{margin:0;color:#fff}h2.svelte-pk1c61.svelte-pk1c61{font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;text-align:center}h2.svelte-pk1c61.svelte-pk1c61:empty{content:"​"}#songControls.svelte-pk1c61.svelte-pk1c61{display:flex;flex-direction:row;height:40px;justify-content:center}svg.svelte-pk1c61.svelte-pk1c61{height:50px}button.svelte-pk1c61.svelte-pk1c61{background-color:transparent;border:none}button.svelte-pk1c61.svelte-pk1c61:hover{cursor:pointer}