body
{
width: 1000px;
background-color: black;
}

.maincontent
{
 
 color:forestgreen;
 font-family: 'Courier New', Courier, monospace;
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}
h1
{
    text-shadow: 2px 0 #000000, -2px 0 #000000, 0 2px #000000, 0 -2px #000000,
               1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEU38bsqPk1CBBFhJm_Cq9AmeGDrH0o-ofUaIXRIG2ckMxozY2sL5_YfMM-ndqmRfZeUL8qATK-eX9s7nWjKfxm4vmOVE6bsWWm6W-AMFCxhufha6AJYrjuwEHLZCrAj-YLitcCQ0XIfs/s1600/matrix+gif%252C+www.thescottsmithblog.com%252C+theology+of+the+matrix.gif);
    
}
.rainbowtext
{
    animation-name: rainbowtext;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.kisu
{
    width: 200px; 
    height: 200px;
    float: right;
    
    animation-name: kisumove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes rainbowtext
{
    0% {color: red;}
    25% {color: rgb(197, 127, 255);}
    50% {color: cyan;}
    75% {color: rgb(248, 250, 215);}
    100% {color: red;}
}
@keyframes kisumove
{
    0% {transform: rotate(0deg); filter: hue-rotate(0deg);}
    100% {transform: rotate(360deg); filter: hue-rotate(360deg);}
}