* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-size: 21px;
  font-weight: bold;
  /* background-color: gray; */
}

body {
  background: url("/assets/background.jpg") center/cover;
  background-attachment: fixed;
}

@media (max-width: 700px) {
	body {
		background: none;
	}
}

.prose p {
	margin-bottom: 15px;
}

@media (max-width: 700px) {
  html,
  body {
    font-size: 18px;
  }
}

.drop-shadow {
  filter: drop-shadow(-3px 3px 3px #47db37) !important;
}


.float {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px) rotate(-2deg);
  }
  50% {
    transform: translatey(-20px) rotate(2deg);
  }
  100% {
    transform: translatey(0px) rotate(-2deg);
  }
}

.fall {
  animation: fall 10s linear infinite;
}

@keyframes fall {
   0% {
    top: -100%;
    left: 100%;
  }
  100% {
   top: 100%;
   left: -50%;
  }
}