/* css variables*/
:root {
	--primary-color: #19303b;
	--bg-color: #15ae93;
	--bg-color-light: #cdc9cc;
}

/* normalized */
html, body {
	padding: 0;
	margin: 0;
	font-family: 'Nunito Sans', sans-serif;
	background-color: var(--bg-color);
	background-position: center;
	background-size: cover;
	text-align: center;
}

section {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

p {
	font-weight: 300;
	color: var(--primary-color);
}

a, a:hover {
	text-decoration: none;
	color: var(--primary-color);
}

hr {
	padding: 1rem 0;
	border: 0;
	border-bottom: 1px solid var(--bg-color-light);
}

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

h1 {
	font-weight: 900;
	color: var(--primary-color);
}

.animate__fadeInUp {
  animation-duration: 2s; /* don't forget to set a duration! */
}