body {
    background-color: white;
  /*  background: linear-gradient(75deg,rgb(223, 229, 247) 40%,rgb(205, 237, 255) 70%,rgb(255, 255, 255) 80%);*/
    background: linear-gradient(65deg,rgb(110, 205, 243) 50%,rgb(255, 247, 139)50%);
    height: 2500px;
}
h1.p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color:rgb(255, 136, 136);
}
h1.m {
    font-family: fantasy;
    font-size: 2em;
    color:rgb(40, 187, 245);
}
h1.w {
    font-family: fantasy;
    font-size: 2em;
    color:rgb(87, 193, 255);
}
h1.s {
    font-family: fantasy;
    font-size: 2em;
    color:rgb(255, 145, 172);
}
h1.in {
    font-family: fantasy;
    font-size: 2em;
    color:rgb(255, 245, 110);
}
h1.hii {
    font-family: fantasy;
    font-size: 2em;
    color:rgb(255, 104, 180);
}
img.hi {
    position: absolute;
    left:520px;
    z-index: 1;
}
img.mask {
    position: absolute;
    top:380px;
    left:10px;
    animation-iteration-count: infinite;
    animation-name: ma;
    animation-duration: 5s;
    z-index: 2;
}
@keyframes ma {
    0% {
        left:10px;
    }
    100% {
        left:520px;
    }
} 
img.man {
    position: relative;
    left:500px;
    animation-name:one;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    z-index: 3;
}


img.mana {
    left:490px;
    position: relative;
    animation-name:two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    z-index: 2;
}
img.sixx {
    left:505px;
    position: absolute;
    z-index: 1;
}
@keyframes one {
    0% {
        left:500px;
    }

    100% {
        left:350px;
    }
} 
@keyframes two {
    0% {
        left:490px;
    }

    100% {
        left:640px;
    }
} 
.b {
    position: absolute;
    left:20px;
    padding:2px;
    bottom:640px;
    animation: ti 5s infinite;
}
 /*.b:hover {
    animation: ti 15s infinite;
}*/
@keyframes ti {
    0% {
        
        left:20px;
    }
    50% {
      
        left:500px
    }
    70% {
       
        left:800px;
    }
    100% {
       
        left:1000px;
    }
}
.a {
    position: absolute;
    left:500px;
    -webkit-transition: -webkit-transform 1s;
}
.a:hover {
    -webkit-transform: rotate(60deg); translateZ(0);
}
img.tissue{
    position: absolute;
    left:20px;
    top:1680px;

}
img.table {
    position: absolute;
    left:500px;
}