* {
  box-sizing: border-box;
}
  
  @font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

  ul{text-align:left;
  font-size:14px;
  }

body
{background-image: url('http://dl10.glitter-graphics.net/pub/1053/1053440muqfu7ec2y.gif');
background-attachment: fixed;
background-repeat: repeat;
font-family: windows;
height:100%;
max-width:100%;
/*SpiritedAura's Strowill cursors, they are the best!!!*/
 cursor:url("https://just-a-container-lid.neocities.org/SpiritedAura_Strowill_Cursor/NormalSelect.png"), auto;
}

.container
    {
    text-align:center;
    color:#000000;
    align-content:center;
    padding:20px;
     max-width:1200px;
     margin-left:auto;
    margin-right:auto;  
    }
  
  .header
    {     
    
  background-image: url("http://dl10.glitter-graphics.net/pub/1618/1618020dppf3vs1r4.gif");
  background-attachment: fixed;
    background-repeat: repeat;
  margin-left:auto;
   margin-right:auto;
  height:auto;
  width:100%;
  border-radius:30px;
  border-style:dotted;
    }
    
  .meat{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-content: center;
   margin-top:30px;
   padding:20px;
    }
  
  .thinkle
  {background-image: url('http://dl9.glitter-graphics.net/pub/2728/2728019krp8i2239s.jpg');
    background-attachment: fixed;
    background-repeat: repeat;
  border-radius:30px;
  border-style:groove;
  margin-top:20px;
  }

 
  .card
  {padding: 20px;
  background-image: url('https://dl.glitter-graphics.com/pub/3557/3557498d0um3u3vk0.jpg');
  background-attachment:scroll;
  background-repeat: repeat;
  border-radius:30px;
  border-style:groove;
  margin:20px;
  line-height:1.6;
  font-size:20px;
  }
  
  .rightside
  {
  margin-top:20px;
  }
  
  .special-card
  {
    background-image: url('http://dl7.glitter-graphics.net/pub/2730/2730267baqumpdcd2.gif');
    background-attachment: fixed;
    background-repeat: repeat;
    padding: 20px;
    border-radius:30px;
  border-style:groove;
  margin:20px; 
  }
.special-card h1
{ animation: shake 0.5s infinite;
}
 
 @keyframes shake {
 0% {
 transform: translate(1px, 1px) rotate(0deg);
 }
 10% {
 transform: translate(-1px, -2px) rotate(-1deg);
 }
 20% {
 transform: translate(-3px, 0px) rotate(1deg);
 }
 30% {
 transform: translate(3px, 2px) rotate(0deg);
 }
 40% {
 transform: translate(1px, -1px) rotate(1deg);
 }
 50% {
 transform: translate(-1px, 2px) rotate(-1deg);
 }
 60% {
 transform: translate(-3px, 1px) rotate(0deg);
 }
 70% {
 transform: translate(3px, 1px) rotate(-1deg);
 }
 80% {
 transform: translate(-1px, -1px) rotate(1deg);
 }
 90% {
 transform: translate(1px, 2px) rotate(0deg);
 }
 100% {
 transform: translate(1px, -2px) rotate(0deg);
 }
 }