* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #f7f7f7;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  margin: 0 auto;
  position: relative;
}
p {
  color: #37343b;
  font-size: 1.1rem;
  line-height: 1.45;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
h2:not(:first-of-type) {
  margin-top: 2rem;
}
.page-link{
	padding: 20px !important;
}
.links {
    position: sticky;
    top: 84px;
    padding: 20px;
    height: 550px;
/*    width: 355px;*/
    height: 100vh;
}
.links ul {
  list-style: none;
  text-align: left;
}
.links li.active{
	background: var(--primary-color);
	color: white !important;
}
.links li.active a{
	color: white;
}
.links ul{
	padding-inline-start: 0;
}
.links li{
	padding: 10px 15px;
	background: white;
	border-radius: 10px;
}
.links li:not(:last-of-type) {
  margin-bottom: 1rem;
}
.links a {
  color: #37343b;
  text-decoration: none;
}
.links .active {
  font-weight: bold;
}
.links .active::before {
  background-color: #37343b;
  -webkit-transition: -webkit-transform 150ms;
  transition: -webkit-transform 150ms;
  transition: transform 150ms;
  transition: transform 150ms, -webkit-transform 150ms;
  -webkit-transform: scale(1.8) translateY(-50%);
  -ms-transform: scale(1.8) translateY(-50%);
  transform: scale(1.8) translateY(-50%);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}