* {
  /* outline: 1px dashed red; */
}

html {
  font-size: 1.4rem;
  font-family: 'Cabin', sans-serif;
  max-width: 100vw;
}

/* Background Animation */
body {
  background: #00BCD4;
  text-align: center;
  width: 100vw;
  min-width: 320px;
	height: 100vh;
	background: linear-gradient(-45deg, #EE7652, #E73C8E, #00BCD4, #23D5BB) fixed;
	background-size: 400% 400%;
	-webkit-animation: Gradient 60s ease infinite;
	-moz-animation: Gradient 60s ease infinite;
	animation: Gradient 60s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/* Font scale and styling */
h1, h2, h3, h4, h5 {
  font-family: 'Lobster', cursive;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.2rem;
  font-weight: bold;
}
h4 {
  font-size: 1.4rem;
  color: ghostwhite;
}
h5 {
  font-size: 1.2;
  color: ghostwhite;
}
p {
  font-size: 0.9rem;
  line-height: 1.2rem;
}