body {
  /* Use purple and violet gradients as the background */
  background: linear-gradient(to right, #663399, #b3b3ff);

  /* Use a sans-serif font for a clean, modern look */
  font-family: sans-serif;

  /* Use responsive design techniques to ensure the website looks good on all screen sizes */
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  nav {
  background-color: #333;
  color: #fff;
}

nav a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  display: inline-block;
  padding: 20px;
}

nav a:hover {
  background-color: #666;
}

}

/* Add rounded corners to various elements */
header h1,
section,
footer {
  border-radius: 10px;
}

/* Add a subtle animation to the page load */
body {
  animation: fadein 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}