body{ 
background-image:url('images/analbleed.png'), url('images/ghost of christmas past.png');

background-repeat: no-repeat;
background-attachment: fixed; 
  background-size: 100% 100%;


}
.words{ font-size: 30px;
color:black;
text-shadow:
    4px 5px 6px white,
    0 0 1em aliceblue,
    0 0 0.2em aliceblue;
    font-family: "Chalkduster", fantasy;
   position: sticky;
   z-index:100;
   top:0;
 
}
.thefullthing{

z-index: 15;
  position: absolute;
  flex-wrap: nowrap;
  background-repeat: repeat;
background-attachment: fixed; 
  background-size: 100% 100%;
 filter:invert(100%);



  
  
 

}
.opaque{
  background-repeat: no-repeat;
background-attachment: fixed; 
  background-size: 100% 100%;
  filter:opacity(30%);}
  
.yo{
border: 10px solid transparent;
  padding: 15px;
  border-image: url('images/this.png') 50 round;
  
  filter:invert(100%);
  animation: skew_shift1 8s 0s linear infinite;
  z-index: 15;
  position: fixed;;
}
@keyframes skew_shift1 {
  0% { transform:scale(1, 1);}
  
  50% {transform: scale(.5,-1);}
  
  100% { transform: scale(1,1);} }
  

.yo2{
border: 10px solid transparent;
  padding: 15px;
  border-image: url('images/pack.jpeg') 50 round;
  transform: skew(50deg, 45deg);
  flex-wrap:wrap;
}
.yoinside2{
  transform: scale(1,.25);
  filter:invert(100%);
}
.yo3{
  transform: skew(30deg, 45deg);
}
.yo4{  transform: skew(67deg, 60deg);
}
.yo10{
animation: scale_shift1 5s 0s linear infinite;
padding:1px;
z-index:1;
filter: opacity(50%);
}


@keyframes scale_shift1 {
  0% {transform: scale(1,1); transform: skew(40deg,50deg)}
  
  50% {transform: scale(.75,.6);transform:skew(10deg, 70deg)}
  
  100% {transform: scale(1,1);transform: skew(30deg,20deg)}}
  .yoyoyo{ position:absolute;
  top:300px;
  left:50%;
  filter:invert(100%);
  z-index:0;
  }
  .yoyo10{ position:absolute;
  top:700px;
  left:10%;
  filter:invert(100%);
  z-index:0;
  }
  .thefullthing2{ 
z-index: 25;
    background-repeat: no-repeat;
background-attachment: fixed; 
  background-size: 100% 100%;
  filter:invert(65%);}