body{
    background-image: url(https://i.imgur.com/o0oIVeH.jpg);
    background-size: cover;
    
    
    
    height: 100vh;
    padding:0;
    margin:0;
}
body {
    image-rendering: pixelated;
    color: white;
    text-shadow: 2px 2px 10px black;
    background-attachment: fixed;
    background-size: cover;
}
@keyframes scroll {
        from { background-position: 258px 258px; }
        to   { background-position: 0px 0px; }
}
#container {
  color: white;
  background: #00000069;
  padding-top: 40px;
filter: drop-shadow(0px 0px 4px black)
}

}
.avatar {
    border: 2px solid white;
  animation: wiggle 4s infinite ease-in-out;
}
@keyframes wiggle{
   0% {
      transform-origin: center center;
      transform: rotate(-7deg);
   }
   50% {
      transform-origin: center center;
      transform: rotate(7deg);
   } 
   100% {
      transform-origin: center center;
      transform: rotate(-7deg);
   }
} 
.blogPost {
    width: calc( 60% - 20px );
}
body::after {
    content: url();
    position: fixed;
    right: 0;
    bottom: 0;
}
@keyframes party {
  0%   {background-color: #3916a36e;}
  25%  {background-color: #b540916e;}
  50%  {background-color: #4cffe66e;}
  75%  {background-color: #ff87006e:}
  100% {background-color: #3916a36e;}

}
#p0 { text-indent: 2em; }