body {
  background-color: black;
  color: white;
  font-family: Verdana;
  text-align: center;
  background-image: url("staysilly/staysilly_bg.png");
  background-attachment: fixed;
  animation-name: scrol1bg;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

a{
  position:absolute; 
  width:100%;
  height:100%;
}

.gradient{
  background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,1));
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.staysilly {
    margin: 50px auto;
    background-color: white;
    color: black;
    padding: 15px;
    box-sizing: content-box;
    width:min-content;
    height: min-content;
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation-name: sway;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
  }
  
@keyframes sway {
    0% { transform: translate(5px, 5px) rotate3d(1, 2, 1, 25deg); }
    55% { transform: translate(-5px, 0px) rotate3d(1, -2, 1, 25deg); }
    100% { transform: translate(5px, 5px) rotate3d(1, 2, 1, 25deg); }
  }
  
@keyframes scrol1bg {
    0% { background-position-x: -64px; background-position-y:-64px; }
    100% { background-position-x: 64px; background-position-y: 64px;  }
  }