/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
	font-size: 100%;
}

body {
	background: #bfdae9 url(../images/bg.jpg) center / cover no-repeat fixed;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #222;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5 {
	margin: 3rem 0 1.38rem;
	font-family: inherit;
	font-weight: 700;
}

h1 {
	margin-top: 0;
	font-size: 2.488rem;
}

h2 {
	font-size: 2.074rem;
}

h3 {
	font-size: 1.728rem;
}

h4 {
	font-size: 1.44rem;
}

h5 {
	font-size: 1.2rem;
}

p {
	margin-top: 1rem;
}

small {
	font-size: .833rem;
}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: blue;
	cursor: pointer;
}

a:hover {
	color: blueviolet;
}


/* Utility Classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.txt-center {
	text-align: center;
}

.txt-flow > * + *:not(h1, h2, h3, h4, h5) {
	margin-top: 1rem;
}

.txt-flow > *:first-child {
	margin-top: 0;
}