Styling and CSS

<link rel="stylesheet" href="styles/style.css" media="screen" charset="utf-8">
import './style.css';
body {
background-color: rgb(85, 189, 189);
}
.results {
border: 3px solid green;
}
#createPlaylist {
margin-left: 40px;
}
h1 {
text-align:center;
}
<div class="navbar">
...
</div>
<div class="welcome-pic center">
...
</div>
<div class="bio center">
...
</div>
.center {
text-align:center;
}
makePlaylist.addEventListener('click', (e) => {
...
sidebar.classList.add("hidden");
});
.hidden {
display:none;
}

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store