@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#021526;color:#fff}.navbar{display:flex;justify-content:space-between;align-items:center;height:20vh;color:#fff;padding:10px 10vh;font-size:4vh}.logo{font-family:Anton,sans-serif;font-weight:400;font-style:normal;font-size:6vh}.logo:hover{cursor:pointer;color:gold}.links{display:flex;justify-content:space-between;align-items:center}.links a{color:#fff;text-decoration:none;margin:0 10px}.links a:hover{color:gold}.links li{list-style:none}@media screen and (max-width: 500px){.navbar{flex-direction:column}}.hero-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px}.input-container{display:flex;align-items:center;justify-content:space-between;height:20vh}.input-box{background-color:transparent;padding:20px;font-size:3vh;border-radius:10px;color:#fff;border:1px solid rgb(179,179,179);width:35vw;margin:5px}.send-button{background-color:transparent;padding:20px;border-radius:10px;font-size:3vh;border:1px solid rgb(179,179,179)}.send-button:hover{cursor:pointer;background-color:#103250}.playlist-container{height:100%;width:45vw;padding:40px}@media screen and (max-width: 1000px){.input-container{width:60vw}.input-box{width:50vw}.playlist-container{width:60vw}}@media screen and (max-width: 500px){.input-container{width:80vw;flex-direction:column;margin-top:10vh;margin-bottom:5vh}.playlist-container{width:80vw}.input-box{width:70vw;margin-bottom:2vh}}.song-embed{margin:7px}