@font-face {
  font-family: Futura;
  src: url('../fonts/Futura-Bold.woff') format("WOFF");
  font-weight: normal;
}
body {
	font-family: Futura;
	background-color: #ffcc17;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,p {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1.5px;
}

p {
	margin: 2px auto;
}

h1 {
	text-transform: uppercase;
	margin-top: 100px;
}

.container {
	margin-top:10vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	animation-duration: 1s;
    animation-iteration-count: 1;
    transform-origin: bottom;
}
.box {
    animation-duration: 1s;
    animation-iteration-count: 1;
    transform-origin: bottom;
}
.bounce {
    animation-name: bounce;
    animation-timing-function: ease;
}

@keyframes bounce {
    0%  { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}