body {
  position: relative;
}

.spy-menu {
  background-color: black;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.spy-menu * {
  color: white;
}
.spy-menu :hover {
  color: gold;
}
.spy-menu .nav-link.disabled {
  color: gray;
}
.spy-menu .nav-link.active {
  background-color: gold;
  color: black;
}
.spy-menu__menu {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.main-content {
  display: grid;
}
@media (min-width: 992px) {
  .main-content {
    grid-template: "me about ."/1fr 75% 1fr;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .main-content {
    grid-template: "me about ."/2fr 75% 1fr;
  }
}
@media (max-width: 768px) {
  .main-content {
    grid-template: "about"/1fr;
  }
}
.main-content > .spy-menu {
  grid-area: me;
  justify-self: center;
  align-self: start;
  position: -webkit-sticky;
  position: sticky;
  top: 50vh;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .main-content > .spy-menu {
    display: none;
  }
}
.main-content > .blabla {
  grid-area: about;
  justify-self: stretch;
  align-self: stretch;
  width: unset;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnVlZC1hcnRpY2xlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGtCQUFrQjtBQUNwQjs7QUFFQTtFQUNFLHVCQUF1QjtFQUN2QixhQUFhO0VBQ2IsYUFBYTtFQUNiLHNCQUFzQjtBQUN4QjtBQUNBO0VBQ0UsWUFBWTtBQUNkO0FBQ0E7RUFDRSxXQUFXO0FBQ2I7QUFDQTtFQUNFLFdBQVc7QUFDYjtBQUNBO0VBQ0Usc0JBQXNCO0VBQ3RCLFlBQVk7QUFDZDtBQUNBO0VBQ0UsYUFBYTtFQUNiLHNCQUFzQjtFQUN0QixpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxhQUFhO0FBQ2Y7QUFDQTtFQUNFO0lBQ0UsdUNBQXVDO0VBQ3pDO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsdUNBQXVDO0VBQ3pDO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsMEJBQTBCO0VBQzVCO0FBQ0Y7QUFDQTtFQUNFLGFBQWE7RUFDYixvQkFBb0I7RUFDcEIsaUJBQWlCO0VBQ2pCLHdCQUFnQjtFQUFoQixnQkFBZ0I7RUFDaEIsU0FBUztFQUNULDJCQUEyQjtBQUM3QjtBQUNBO0VBQ0U7SUFDRSxhQUFhO0VBQ2Y7QUFDRjtBQUNBO0VBQ0UsZ0JBQWdCO0VBQ2hCLHFCQUFxQjtFQUNyQixtQkFBbUI7RUFDbkIsWUFBWTtBQUNkIiwiZmlsZSI6Im1lbnVlZC1hcnRpY2xlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbImJvZHkge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5zcHktbWVudSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuICBwYWRkaW5nOiAxMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLnNweS1tZW51ICoge1xuICBjb2xvcjogd2hpdGU7XG59XG4uc3B5LW1lbnUgOmhvdmVyIHtcbiAgY29sb3I6IGdvbGQ7XG59XG4uc3B5LW1lbnUgLm5hdi1saW5rLmRpc2FibGVkIHtcbiAgY29sb3I6IGdyYXk7XG59XG4uc3B5LW1lbnUgLm5hdi1saW5rLmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGdvbGQ7XG4gIGNvbG9yOiBibGFjaztcbn1cbi5zcHktbWVudV9fbWVudSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4ubWFpbi1jb250ZW50IHtcbiAgZGlzcGxheTogZ3JpZDtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiA5OTJweCkge1xuICAubWFpbi1jb250ZW50IHtcbiAgICBncmlkLXRlbXBsYXRlOiBcIm1lIGFib3V0IC5cIi8xZnIgNzUlIDFmcjtcbiAgfVxufVxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogOTkycHgpIHtcbiAgLm1haW4tY29udGVudCB7XG4gICAgZ3JpZC10ZW1wbGF0ZTogXCJtZSBhYm91dCAuXCIvMmZyIDc1JSAxZnI7XG4gIH1cbn1cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAubWFpbi1jb250ZW50IHtcbiAgICBncmlkLXRlbXBsYXRlOiBcImFib3V0XCIvMWZyO1xuICB9XG59XG4ubWFpbi1jb250ZW50ID4gLnNweS1tZW51IHtcbiAgZ3JpZC1hcmVhOiBtZTtcbiAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG4gIGFsaWduLXNlbGY6IHN0YXJ0O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICB0b3A6IDUwdmg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbn1cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAubWFpbi1jb250ZW50ID4gLnNweS1tZW51IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4ubWFpbi1jb250ZW50ID4gLmJsYWJsYSB7XG4gIGdyaWQtYXJlYTogYWJvdXQ7XG4gIGp1c3RpZnktc2VsZjogc3RyZXRjaDtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgd2lkdGg6IHVuc2V0O1xufVxuIl19 */