@media (min-width: 768px) {
			#sidebar {
				position: fixed;
				left: 0;
				top: 0;
				width: 250px;
				height: 100vh;
				background-color: #f5f5f5;
				border-right: 1px solid #ddd;
				overflow-y: auto;
				padding: 10px;
				z-index: 100;
			}
			
			#notescontainer {
				margin-left: 275px;
			}
		 
		  #sidebar nav ul {
			list-style: none;
			padding: 0;
		  }

		  #sidebar nav ul li {
			margin-left: 10px;
			margin-bottom: 5px;
		  }

		  #sidebar nav a {
			text-decoration: none;
			color: #333;
			display: block;
			padding: 1px 5px;
			border-radius: 4px;
		  }

		  #sidebar nav a:hover {
			background-color: #e0e0e0;
		  }

		  #sidebar nav a.active {
			background-color: #0066cc;
			color: white;
		  }

		  /* Nested list indentation */
		  #sidebar nav ul ul {
			  margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			
		  }
		}

		@media (max-width: 768px) {
		  #sidebar {
			  display: none;
		  }
		}