@import url(fonts.css);

:root{
	--primary: #364C59;
	--secondary: #728EA6;
	--tertiary: #BACBD9;
	--quaternary: #263F73;
	--quinary: #F2E6DF;
}

body{
	font-family: 'Open Sans';
	margin: 0;
	background-color: var(--quinary);
	color: var(--primary);
}
nav a{
	display: inline-block;
	margin: 1rem 0 0;
	text-align: center;
}
nav a i{
	transform: translateY(-12px);
}
.headline{
	font-family: 'Lobster';
	font-weight: bold;
	color: var(--primary);
	text-align: center;
	white-space: nowrap;
}
footer{
	box-sizing: border-box;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: var(--secondary);
	padding: 1rem 0;
}
.wrapper{
	margin: clamp(0.1rem, 5vw, 10rem);
	margin-top: 0;
	margin-bottom: 0;
}
footer a,
nav a{
	text-decoration: none;
	color: var(--primary);
}
footer a:hover,
nav a:hover{
	color: var(--tertiary);
}
footer a:active,
nav a:active{
	color: var(--quinary);
}
a{
	color: var(--primary);
}
a:hover{
	color: var(--tertiary);
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}