.sidebar {
  @apply bg-green-400 text-white;
  @apply overflow-hidden flex flex-col;
  @apply text-center;
  height: 100vh;
  padding-top: 10vh;
}

.avatar {
  @apply md:w-36 md:h-36 rounded-full;
  @apply w-16 h-16;
  @apply mx-auto md:my-8 flex-none;
}

.name {
  @apply md:text-3xl md:tracking-wide font-mono;
  @apply md:my-8 my-4 flex-none select-all;
}
.nav {
  @apply my-auto;
}
.navItem {
  @apply leading-8 md:text-lg cursor-pointer my-1;
  &:hover {
    text-shadow: 0 0px 5px #abbf00;
  }
}
.bio {
  @apply text-sm text-opacity-70 text-white;
  @apply my-4;
}