/* Stylesheet for Cooler Sheep */
/* written by Joris van der Aa */
/* Made with love for games */
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=Piedra&display=swapfamily=Karla:ital,wght@0,200..800;1,200..800&display=swap"');
body {
  background-color: #a0e200;
  font-family: "Karla", sans-serif;
	background-image: url("../images/grass-bg.jpg");
}
p {
  color: #000;
	font-size: 18px;
}
h1 {
  font-family: 'Piedra';
  color: #fff;
  font-size: 72px;
  -webkit-text-stroke: 2px black;
  text-align: center;
}
img {
  margin: 10px;
  max-width: 90%;
}

a {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	
}
.holder {
  max-width: 700px;
  margin: auto;
  padding: 20px;
  font-size: 17px;
	background-color: rgba(255,255,255,.50);
	border-radius: 20px;
}
#signature {
  font-family: 'La Belle Aurore';
  font-size: 47px !important;
  line-height: 47px;
}
#sound1 {
  background-color: none;
}

img {
  cursor: pointer;
}
span.copy {
  text-align: center;
  color: #FFF;
text-shadow: 
    0px 0px 3px #000; 
	margin-top:20px;
}
.footer {text-align: center; padding: 20px;}
@keyframes jump {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-40px);
  }
  60% {
    transform: translateY(-10px);
  }
}
.jump {
  animation: jump 0.6s;
}