.sideNav {
	width: 15%;
	height: 100vh;
	overflow: hidden;
}

.sideNav > div {
	height: 100%;
	background-color: var(--darkGray);
	overflow-y: scroll;
	margin: 20px;
	display: flex;
	flex-direction: column;
	padding: 30px 20px 20px;
	border-radius: 15px;
}

.sideNav button {
	font-size: 17px;
	padding: 7px 5%;
	background-color: var(--lightBlue);
	border: none;
	border-radius: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;

}

.sideNav button:hover {
	background-color: var(--lightGray);
	cursor: pointer;
}

.sideNav button:disabled {
	background-color: var(--gray);
	cursor: auto;
}