/* CSS Document */
:root {
	--alpha: 0.75;
	--purple-dark: #575576;
	--purple: #515c88;
	--purple-light: #bdafce;
	--pink: #fbcdc5;
	--yellow: #fdc060;
	--yellow-light: #ffd978;
	--green: #00a373;
	--green-mos: #748b69;
	--greenish: #84a49b;
	--red: #f48580;
	--red-light: #f69588;
	--aqua: #45bccb;
	--blue: #749fb7;
	--blue-light: #a0b4d2;
	--grey: #65686e;
	--grey-light: #bbbdbf;
	--brown: #ba9984;
	--brown-light: #bfaca4;
	--beige: #ebdcc5;
	--beige-light: #f4e8db;
	--white-light: #eef1f9;
}

* {
	box-sizing: border-box;
}
body {
	position: relative;
	font-family: sans-serif;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100vh;
	background-color: #fff;
}
footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.content {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 2rem;
	border: 2rem solid #fff;
	border-top: 4rem solid #fff;
}
.logo {
	position: absolute;
	top: -5rem;
	left: -0.5rem;
}
.nunito-sans-bold, h1, p {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
}

h1 {
	color: var(--purple-dark);
}


.info {
  display: flex;
  padding: 5px; margin: 0;
}
.info div {
	padding-right: 10px;
}