h1 {text-shadow: 25px 25px 25px black;
  color: #0000CB;
font-family: Pacifico, fantasy;
  text-align: center;
	position: absolute;
  animation-name: head-move;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
 .box-shadow {
	box-shadow: -25px 10px 10px #00005D;
}
@keyframes head-move {
  0% {top: 0; transform: rotate(180deg);}
  50% {top: 50%; transform: rotate(90deg);}
  100% {top: 0; transform: rotate(90deg);}
}
body {border: double, 18px; border-radius: auto; color: #00005d; font-family: Delius, serif;
font-weight: bold;
font-size: 18px;
padding: 25px;
margin: 20px 5px 5px 5px;
text-align: center;
background-image: linear-gradient( 179.1deg,  rgba(255,250,172,1) 10.3%, rgba(13,167,168,1) 148% );
}
a:link {font-family: Pacifico, cursive;}
a:link {border: double;}
a:link {border-radius: 20px; padding: 20px;}
a:link {color:#58104F;}
a:link {font-size: 24Px}
a:link {text-align: center;}a:link {border: dashed;}
a:visited {color:silver}
a:hover {color:#0000CB}
a:active {color:#58104F;
}
#pastry {color: #0000CB;
  border-radius: 50px;
}
#greenkettle {color: #0000CB;
  border-radius: 50px;
}
#carousel {color: #0000CB;
  border-radius: 50px;
}

#eatery {color: #0000CB;
  border-radius: 50px;
}
p::first-line {
  color: #0000CB;
  font-variant: small-caps;
}
#head {color: #0000CB; border-radius: 20px;
}
.waving:before {
content: attr(data-hover);
}

.waving:hover {
animation-name: wave-animation;
animation-duration: 5.0s;
animation-iteration-count: infinite;
transform-origin: 70% 70%;
}

@keyframes wave-animation {
0% {
transform: rotate( 0.0deg)
}
10% {
transform: rotate(14.0deg)
}
20% {
transform: rotate(-8.0deg)
}
30% {
transform: rotate(14.0deg)
}
40% {
transform: rotate(-4.0deg)
}
50% {
transform: rotate(10.0deg)
}
60% {
transform: rotate( 0.0deg)
}
100% {
transform: rotate( 0.0deg)
}
}