main {
	background-color: lightblue;
  padding: 1em;
}
#sidenav {
	background-color: darkblue;
  color: white;
  padding: 1em 2em;
}
#navitems {
  display: flex;
	flex-direction: column;
  gap: 1em;
  display: none;
}
#sidenav label { 
  display: inline-block;
  font-style: normal;
  font-size: 1.2em;
  cursor: pointer;
}
#mobile {
	display: none;
}
#sidenav input:checked ~ #navitems {
  display: flex;
}

@media screen and (min-width: 576px) {
  body {
    display: flex;
  }
  #navitems {
  	display: flex;
  }
  #sidenav label {
  	display: none;
  }
}