body {
    background-color: #ffffff;
    color: 	#000000;
    border: 2em groove red;
font-family: "Quantico", sans-serif;
padding: 2em;
font-size: 1.5em;
}

a {
  color: 	#595959;  
}

img{
    border: 2em groove red;
    border-radius:3em;
    padding:1em;
}

h1 {
      font-family: "Russo One", sans-serif;

}

/* SIDE TO SIDE */
/* Create the animation... */
@keyframes wiggle {
   0%,
   7% {
      transform: rotateZ(0);
   }
   15% {
      transform: rotateZ(-15deg);
   }
   20% {
      transform: rotateZ(10deg);
   }
   25% {
      transform: rotateZ(-10deg);
   }
   30% {
      transform: rotateZ(6deg);
   }
   35% {
      transform: rotateZ(-4deg);
   }
   40%,
   100% {
      transform: rotateZ(0);
   }
}

/* ...and then apply it: */
.wiggle {
   animation-duration: 2s;
   animation-name: wiggle;
   animation-iteration-count: infinite:
   animation-timing-function: linear;
   border-image: linear-gradient(125deg, red 0%, yellow 25%, green 50%, blue 75%, purple 100%) 1;
    border-width: 50;
}