.transition {
  transition: border 0.25s  cubic-bezier(.9,.03,.69,.22),transform 0.25s  cubic-bezier(.9,.03,.69,.22);
}
post-note {
  scroll-snap-align: end none;
  display: block;
  background-color:#ffffba;
  background-image: url(../img/noise.png);
  background-size: 125px 125px;
  border-left: 0.5rem solid #eeeea9;
  padding: 1rem;
  margin: 0 0 0.25rem;
  box-shadow: 1px 1px 2px #d0d0d0;
  position: relative;
}
/* 
post-note:nth-of-type(2n), .post .sidebar post-note:nth-of-type(2n) aside {
  background-color: 	#baffc9;
  border-left: 0.5rem solid  	#a9eeb8;
}
post-note:nth-of-type(3n), .post .sidebar post-note:nth-of-type(3n) aside {
  background-color: 	#bae1ff;
  border-left: 0.5rem solid  	#a9d0ee;
}
post-note:nth-of-type(4n), .post .sidebar post-note:nth-of-type(4n) aside {
  background-color: 	#ffdfba;
  border-left: 0.5rem solid  	#eecea9;
} */
.post .annotation {
  background-color:#ffffba;
  background-image: url(../img/noise.png);
  background-size: 125px 125px;
  text-decoration: none;
  padding: 0.125rem 0.25rem;
  text-decoration: none;
}

.post a.annotation {
  border-bottom: 0.25rem solid currentColor;

}
.post .annotation[href^=\#] {
  border: none;
}
/* .post .annotation:nth-of-type(2n), .post post-annotation:nth-of-type(2n) .annotation {
  background-color: 	#baffc9;
}
.post .annotation:nth-of-type(3n), .post post-annotation:nth-of-type(3n) .annotation {
  background-color: 	#bae1ff;
}
.post .annotation:nth-of-type(4n), .post post-annotation:nth-of-type(4n) .annotation {
  background-color: 	#ffdfba;
}
post-note:target {
  border-left: 0.5rem solid black;
} */
[aria-label="Back to content"] {
  font-size: 0.85rem;
  text-decoration: none;
  vertical-align: bottom;
  position: absolute;
  right: 1rem;
  bottom: 0;
}