/* pacifico-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pacifico-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/pacifico-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pacifico-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pacifico-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pacifico-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pacifico-v22-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
}

/* color palette: https://coolors.co/palette/264653-2a9d8f-e9c46a-f4a261-e76f51 */

html {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	background-color: #f0f0f0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
}

div {
	text-align: center;
	font-family: sans-serif;
}

h1 {
	font-size: 100px;
	font-family: 'Pacifico', sans-serif;
	margin: 10px 0;
	color: #264653;
}

h1 span {
	color: #2a9d8f;
}

h2 {
	font-size: 50px;
	margin: 10px 0;
	color: #e9c46a;
}