html {
  scrollbar-color: #fff #1b1b1b;
  scroll-behavior: smooth;
}
body {
  background-image: url('../grainy.png');
  background-color: #1b1b1b;
  color: #fff;
}

h1 {
  animation:none;
  font-weight: 500;
}

@media screen and (max-width: 835px) {
  .n-protos {
    display: none;
  }
}
@media (min-resolution: 2x) {
  body {
    background-size: 50%
  }
}

.home a {
  filter: drop-shadow(4px 4px 4px black);
}

section.pk {
  background-image:none;
  background-color: #00B35D;
  mix-blend-mode:plus-lighter;
}
.pk h2 > mark {
  background-color: #000;
  color: #fff;
  mix-blend-mode:normal;
}
.pk h2 > mark a:hover {
  color: #00B35D;
}

@media screen and (max-width: 1100px) {
  h1 {
    margin-top: 0px;
  }
}

figure {
  float:right;
}
figure img {
  border-radius: 4px;
  filter: 
    drop-shadow(3px 3px 0 #7f7f7f) 
    drop-shadow(3px 3px 0 #7f7f7f)
    drop-shadow(0 0 4px #7f7f7f55);
  mix-blend-mode:plus-lighter;
  margin-bottom:8px;
  width: 300px;
}
figcaption {
  font-size: 70%;
  /* text-align: left; */
}
@media screen and (max-width: 835px) {
  figure {
    float:none;
  }
  figure img {
    width: 150px;
  }
  .extraneous {
    display: none;
  }
}

.bodytext p a img,
.specialguy img {
  height: 30px;
  margin-right: 10px;
  vertical-align: -2px;
}

.link {
  margin-bottom: 0;
}
.proscons {
  margin-top: 0;
  padding-left: 30px;
}
.link a {
  background-color: #ddd;
  color: #000;
  display: inline-block;
  padding: 5px 25px 5px 20px;
  border-radius: 67px;
  mix-blend-mode: plus-lighter;
  margin: 0px 10px 10px;
  font-weight: 500;
  text-align:center;
}
.link a:hover {
  background-color: #7f7f7f;
}
small {
  white-space: nowrap;
  mix-blend-mode: plus-lighter;
}

.patrons {
  mix-blend-mode: plus-lighter;
  font-style:normal;
}
.patrons a, 
.shirts a, 
a.linky {
  mix-blend-mode: plus-lighter;
  color: #ddd;
  text-decoration: underline;
}
.linky {
  cursor:pointer;
}
.patrons a:hover, 
.shirts a:hover, 
a.linky:hover {
  color: #7f7f7f;
}

.shirts {
  mix-blend-mode: plus-lighter;
}
.shirts img {
  transition: all 0.2s ease-in-out;
  filter:brightness(100%);
}
.shirts img:hover {
  filter:brightness(150%);
}
.no-underline {
  text-decoration: none !important;
}
.shirts p {
  margin-top: 0;
  text-align:center !important;
}
.book:hover {
  filter:brightness(70%) !important;
}
a.ksbook {
  color: #00B35D;
}
a.ksbook:hover {
  color: white;
}

footer img {
  width: 20px;
  padding: 20px;
  mix-blend-mode: plus-lighter;
}