/*first part font smaller just so its not super annoying*/
h1 {font-size: 20px}
/*the header*/
h4 {font-family: cursive;
font-size: 30px;
  font-weight: bolder;
  font-style: oblique;
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: blue;
  letter-spacing: 6px;
  text-align: center;
}
/*2nd paragraph*/
p2 {font-family: garamond;
font-size: 18px;
  vertical-align: top;
  text-indent: 40px;
  border-top: 1px solid purple;
  text-align: center;
}
/*1st paragraph*/
p1 {font-family: garamond;
  font-size: 24px;
}
/*links*/
a {font-size: 14px;
font-weight: lighter;
}
/*background gradient*/
body {background: linear-gradient(purple, #ddccff)}
/*image to center*/
img {
  display: block;
  margin: auto;
  width: 50%;
}
/*text to center*/
.center {
  text-align: center;
}
/*ball animation*/
p.ball {
width: 50px;
height: 50px;
  opacity: 0.5;
border-radius: 50%;
background: #000000;
animation: bounce 1s infinite
alternate;
animation-timing-function: linear;
}
@keyframes bounce {
0% {
transform: translate(0px,0px);
}
100% {
transform: translate(0px, 550px);
}
}