@font-face {
  font-family: rabbits;
  src: url(Rabbit.ttf);
  } 
body {
  background-image: url(/images/patterns/flowers.png);
  background-repeat: repeat;
}
h1, h2, h3, nav, .rabbit {
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgba(255, 255, 255, 0.412);
}
.rabbit {
  font-family: 'Rabbit', cursive;
  font-size: 4em;
}
.bunny {
  height: 30vh;
  animation: pride 6s infinite;
}
@keyframes pride {
	0% {filter: hue-rotate(0);
	}
	50% {
		filter: hue-rotate(-540deg);
	}
	100% {filter: hue-rotate(0);
	} }
  .lps {
    height: 20vh;
  }
  nav {
position: sticky;
top: 7px;
z-index: 10000;
padding: 0.5em;
background-color: transparent;
  }
  a {
    background-color: pink;
    color: purple;
    text-decoration: none;
    font-weight: bold;
    padding:0.5em;
  }