SI14/ZIPFILES/pprgm/style.css

body{
        background-color:#013BFF;
}
#gif{
        width:80%;
        margin:10%;
}

a[href]{
cursor: pointer;    
}

h2{
color:#E601FF;
text-align:center;
font-family: "Lucida Console", "Courier New", monospace;
}
@keyframes img1 {
  0%   { left:100px; top:0px;}
  100% { left:100px; top:1300px;}
}

.img1{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img1;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}


@keyframes img2 {
  0%   { left:110px; top:0px;}
  100% { left:110px; top:1300px;}
}

.img2{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img2;
  animation-duration: 21s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}


@keyframes img3 {
  0%   { left:430px; top:0px;}
  100% { left:430px; top:1200px;}
}

.img3{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img3;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

@keyframes img4 {
  0%   { left:750px; top:0px;}
  100% { left:750px; top:1120px;}
}

.img4{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img4;
  animation-duration: 35s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

@keyframes img5 {
  0%   { left:330px; top:0px;}
  100% { left:330px; top:690px;}
}

.img5{
    position: absolute;
    z-index: -1;
       font-size:40px;
  animation-name: img5;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes img6 {
  0%   { left:1000px; top:0px;}
  100% { left:1000px; top:1222px;}
}

.img6{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img6;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes img7 { /*/freakyfigure/*/
  0%   { left:960px; top:0px;}
  100% { left:960px; top:1140px;}
}

.img7{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img7;
  animation-duration: 24s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes img8 { /*/freakyfigure/*/
  0%   { left:800px; top:0px;}
  100% { left:800px; top:500px;}
}

.img8{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img8;
  animation-duration: 41s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes img9 { /*/freakyfigure/*/
  0%   { left:50px; top:0px;}
  100% { left:50px; top:900px;}
}

.img9{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img9;
  animation-duration: 44s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes img10 { /*/freakyfigure/*/
  0%   { left:400px; top:0px;}
  100% { left:400px; top:1000px;}
}

.img10{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img10;
  animation-duration: 23s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes img11 { /*/freakyfigure/*/
  0%   { left:300px; top:0px;}
  100% { left:300px; top:500px;}
}

.img11{
    position: absolute;
    z-index: -1;
    font-size:40px;
  animation-name: img11;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}