@keyframes Static {
    0% {
      background-position:0 0
    }
    100% {
      background-position:0 4px
    }
  }

  @media screen and (min-width: 601px) {
    html::after {
      content: "";
      position: fixed;
      left: 0;
      top: 0;
      opacity: 0.5;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1000;
      background-image: url('images/gifs/overlay2.png');
      background-repeat: all;
      background-position: 0 0;
      animation-name: Static;
      animation-duration: .6s;
      animation-iteration-count: infinite;
      animation-timing-function: steps(4);
    }
  }

main {
    background-color: #fff;
    max-width: 616px;
    border: outset 4px #000;
    padding: 8px;
    margin: 8px auto;
    background: url(images/bg2.gif); color: #ffff; text-shadow: black 10px 8px 3px;
}
main img {
  box-shadow: black 3px 15px 20px;
}

body {
    margin: 0;
    background: #1c1b21 url('images/bg.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    image-rendering: crisp-edges;
}

audio {
  margin-top: 5px;
  background: transparent;
  box-shadow: 0 4px 10px black;
  width: 100%;
}
audio::-webkit-media-controls-panel {
  background: radial-gradient(
    circle,
    rgba(241, 242, 245, 1) 0%,
    rgba(137, 46, 159, 1) 99%,
    rgba(244, 185, 252, 0.9906337535014006) 100%
  );
  color: white;
  height: auto;
}

audio::-webkit-media-controls-volume-slider {
  background-color: #000;
  border-radius: 25px;
  padding-left: 4px;
  padding-right: 4px;
}

.albumpost {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.albumpost div {
    max-width: 250px;
    min-width: 250px;
    /*display: inline-block;*/
    box-shadow: black 3px 0 50px;

}

.albumpost img {
    max-width:250px;
    float:left;
    margin-right: 10px;
    margin-left: 25px;
    box-shadow: black 3px 10px 10px;
}

.marquee {
  height: 25px;
  width: 100%;

  overflow: hidden;
  position: relative;
  text-align: right;
  
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 5s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}