body{
}

.wrapper {
  position: relative;
  margin: var(--cardmargin);
}

.station{
  margin-bottom: var(--cardmargin);
}

menu{
  position: sticky;
  top: .5rem;
}

section{
  position: inherit;
}

.profilecard{
  margin: calc(2 * var(--genmargin)) 0;
}


img.profileimg{
  height: 80vw;
  object-fit: cover;
  object-position: top;
  justify-self: start;
  filter: grayscale(.35);
  transition: 150ms;
  box-shadow: var(--genshadow);
}


@media screen and (min-width: 1000px) {

body{
  display: grid;
}

.wrapper{
  width: 980px;
  margin: auto;
  position: relative;
}

.profilecard{
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--cardmargin);
  justify-items: start;
  position: relative;

}

img.profileimg{
  height: 240px;
  width: 240px;
}


img.projectimg{
  filter: grayscale(.8);
}

.station{
}

article{
}