body {
	  margin: 0;
	  font-family: "Open Sans", sans-serif;
	}

	.sidebar {
	  margin: 0;
	  padding: 0;
	  width: 200px;
	  background-color: #c4edf0;
	  position: fixed;
	  height: 100%;
	  overflow: auto;
	}

	.sidebar a {
	  display: block;
	  color: black;
	  padding: 16px;	  
	  font-weight: 500;
	  text-decoration: none;
	}
	 
	.sidebar a.active {
	  background-color: #00aaff;
	  color: white;
	  text-decoration: none;
	}

	.sidebar a:hover:not(.active) {
	  background-color: #00aaff;
	  color: white;
	  font-weight: normal;
	  text-decoration: none;
	}

	div.content {
	  margin-left: 200px;
	  padding: 1px 16px;
	  height: 1000px;
	}

	@media screen and (max-width: 700px) {
	  .sidebar {
	    width: 100%;
	    height: auto;
	    position: relative;
	  }
	  .sidebar a {float: left;}
	  div.content {margin-left: 0;}
	}

	@media screen and (max-width: 400px) {
	  .sidebar a {
	    text-align: center;
	    float: none;
	  }
	}