h1 {
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	font-family: "Poppins", Times, serif;
}

h2 {
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	font-family: "Poppins", Times, serif;
}
h3 {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	font-family: "Poppins", Times, serif;
}

header p {
	font-size: 18px;
}

ul {
	list-style: none;
	padding-left: 0;
}

nav > ul {
	background-color: #e3bfe0;
	width: 600px;
}

nav > ul > li {
	font-weight: 500;
	font-family: "Poppins" sans-serif;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 16px;
	line-height: 24px;
}

nav > ul > li:hover {
	color: #11248d;
}

.pointer {
	cursor: pointer;
}

.navSelected {
	background: white;
	font-size: 16px;
	font-weight: 700;
	color: #3b118d;
}

main {
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: sans-serif;
}

.hidden {
	display: none;
}
.show {
	display: block;
}

button {
	outline: none;
	border: none;
	border-radius: 10px;
	padding: 10px 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	transition: all 0.3s ease;
}

input {
	border: none;
	outline: none;
	background: transparent;
	border-bottom: 2px solid #d9d9e0;
	padding: 12px 4px;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	transition: border-color 0.3s ease;
}
input:focus {
	border-bottom: 2px solid #3b118d;
}
input::placeholder {
	color: #bdb7ce;
}

textarea {
	border: none;
	outline: none;
	background: transparent;
	border-bottom: 2px solid #d9d9e0;
	padding: 12px 4px;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 24px;
	resize: vertical;
	min-height: 60px;
}
textarea:focus {
	border-bottom: 2px solid #3b118d;
}

textarea::placeholder {
	color: #bdb7ce;
}