html {
	scroll-behavior: smooth;
}
	
/* Sidebar Navigation */

.section-nav-title {
	font-size: 19px;
}

.section-nav {
	float: left;
  margin-top: 0rem;
  padding-left: 0px;
  border-left: 1px solid #747474;
	font-size: 18px;
	}

.section-nav a {
  text-decoration: none;
  display: block;
  padding: .125rem 0;
  color: #747474;
  transition: all 50ms ease-in-out; /* 💡 This small transition makes setting of the active state smooth */
}

.section-nav a:hover {
	color: #5857FF;
	text-decoration: underline;
}


/** Poor man's reset **/
* {
  box-sizing: border-box;
}

/** Remove bullets **/

ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0px 20px;
}

/** sticky/fixed **/
div.container {
	position: fixed;
	top: 30%;
	max-width: 220px;
}

/* unstick smaller screen */

/** #toc {
    position: relative;
} **/


@media screen and (max-width: 960px) {
  #toc {
    position: fixed !important;
		max-width: 200px;
  }
}


@media screen and (max-width: 781px) {
  #toc {
    position: relative !important;
  }
}