.container {
	height: auto;
}

#notes h1 {
	font-weight: 900;
	letter-spacing: normal;
	margin-top: 10%;
	font-size: 2.5em;
	line-height: 30px;
	text-align: left;
}
#home-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	background: black;
	height: 100%;
	width: 5%;
	color: #fff;
	padding-top: 2%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
#home-sidebar a {
	color: #fff;
	z-index: 1001;
}
#home-sidebar a:hover {
	background: url(../images/rainbow.png) repeat-y;
	-webkit-background-clip: text;
	background-clip: text;
	/* Animate Background Image */
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 30s linear infinite;
	/* Activate hardware acceleration for smoother animations */
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
}
#home-sidebar .vertical-heading {
	color: #fff;
	font-size: 2em;
	margin-left: 0px;
	margin-top: 10px;
}

/* ol {
  counter-reset: item;
  list-style-type: decimal;
 }
ol li {
  display: block;
  padding: 3px;
}

ol li::before {
  content: counters(item, ".") " ";
  counter-increment: item;
}

ol li.head-li::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
} */

@media (max-width: 720px) {
	#home-sidebar {
		background: white;
	}
	#home-sidebar .vertical-heading {
		display: none;
	}
	#home-sidebar a {
		margin-left: 30px;
		color: #000;
	}
}