@keyframes bg_lol {
        0% {background-position: 0 0;}
        100% {background-position: 256px -256px;}
    }
body {
  /* background-image: url(/images/blatte/cute.jpg); */
  background-image: url(/images/blatte/fun.jpg);
  background-attachment: fixed;
  background-size: 256px;
  animation: bg_lol 5s linear infinite;
  /*background-color: white;*/
  /* font-family: 'Test', serif; */
  font-family: 'Comic Sans MS';
  color: rgb(0, 0, 0);
  font-size: 20px;
}
@font-face {
  font-family: "Impact";
  src: 
    local("Impact"),
    url(/fonts/impact.ttf) format(truetype);
}

@font-face {
  font-family: "Comic Sans MS";
  src:
    local("Comic Sans MS"),
    url("/fonts/comic.ttf") format("truetype");
} 
a:link { color: #0011ff; font-weight: bold; }
a:visited { color: #7b00ac; font-weight: bold; }
a:hover { color: #00a2ff; }
a:active { color: #0011ff; font-weight: bold; }
b1 {
  font-family: 'Impact', sans-serif;
  color: black;
  font-size: 32px;
  display: inline;
}
.sex {
  border-style: solid;
  border-width: 2em;
  border-image: url(/images/bg2.png);
  border-image-slice: 50 50 50 50 fill;
}
.zinebox { position: relative; padding-bottom: 141.89%; }
.zinebox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#gridbox {
    display: grid;
    /* background-image: url('/images/maggot2.gif'); */
    background-image: url('/images/blatte/face.jpg');
    /* background-image: url('/images/blatte/maggot.jpg'); */
    background-size: 5em;
    margin: auto;
    width: 60em;
    max-width: 90vw;
    padding: 0.5em;
    gap: 0.5em;
    align-items: top;
    overflow: visible;
}
@media screen and (width <= 80em) {
    #gridbox
    {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        max-width: 90vw;
        justify-items: center;
        justify-content: center;
    }
}
.blattbox {
    display: grid;
    width: 30em;
    max-width: 90vw;
    background: none;
    margin: auto;
    padding: 0.5em;
    gap: 0em;
    align-items: top;
    overflow: visible;
    filter: drop-shadow(0.2em 0.2em 0em black)
}
.speech-bubble {
position: relative;
background: #ffffff;
border-radius: 2em;
font-family: 'Comic Sans MS';
color: #000000;
padding: 1em;
}
.speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 0;
    height: 0;
    border: 2em solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    border-left: 0;
    margin-left: -1em;
    margin-bottom: -2em;
}