body {
  background-image:url("shrek.png");
  color: red;
  font-family: "Comic Sans MS";
}

#s1 {
  width: 75%;
  background-color: red;
  color: blue;
}

#onion {
  width:100%;
  height:150px;
  
}

#l1 {
  -webkit-animation-name: rainbow; /* for Safari web browsers */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite;

  animation-name: rainbow;
  animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-iteration-count: infinite;
}

  /* for Safari */
@-webkit-keyframes rainbow {
    0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    100% {color: green;}
}

/* Standard syntax */
@keyframes rainbow {
    0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    100% {color: green;}
}