nav ul {

list-style: none;
margin: 0;
padding: 0;
display: flex;
}

nav li {
margin: 0 10px;
}

nav a {
color: #fff;
text-decoration: none;
}

section {
max-width: 1000px;
margin: 20px auto;
padding: 20px;
}

h1 {
margin-top: 0;
}

#home {
text-align: center;
}

#projects li {
margin-bottom: 10px;
}
const navLinks = document.querySelectorAll("nav a");

navLinks.forEach(link => {
link.addEventListener("click", event => {
event.preventDefault();
const target = document.querySelector(event.target.hash);
target.scrollIntoView({
behavior: "smooth",
block: "start"
});
});
});