body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
}

header {
  background-color: #0000FF;
  color: white;
  padding: 1rem;
}

.paars {
  background-color: purple;
  color: #ffffff;
  height: 20rem;
}

nav a {
  color: white;
  margin-right: 1rem;
  text-decoration: none;
}

main {
  padding: 2rem;
  background-color: white;
  max-width: 800px;
  margin: auto;
}

form {
  display: flex;
  flex-direction: column;
}

label, input, textarea, select, button {
  margin-bottom: 1rem;
  padding: 0.5rem;
}

ul {
  list-style: none;
  padding-left: 0;
}

.question-list li, .answer-list li, .report-list li {
  margin-bottom: 1rem;
  background: rgb(244, 255, 238);
  padding: 1rem;
  border-radius: 5px;
}

/* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #0f0; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
}