@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Quasimoda", sans-serif;
	font-size: 1em;
	padding: 2%;
	min-width: 250px;
	max-width: 1700px;
	color: #001626;
	background-color: #FEF5FF;
	margin: auto;
}
header {
	background-color: #72E0D6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2%;
}
.logo {
	width: 80%;
}
.nav {
	margin-left: 10%;
	text-align: right;
}
.nav a {
	text-decoration: none;
	color: #001626;
	font-size: 1em;
	font-weight: bold;
}
.nav button{
	background-color: #AC45AD;
	font-family: "Quasimoda", sans-serif;
	padding: 3%;
	margin: 2%;
	width: 80%;
}
footer {
	background-color: #72E0D6;
	padding: 2%;
	margin-top: 2%;
}
.footInfo ul{
	list-style: none;
	padding-left: 2%;
}
.footInfo li a {
	color: #001626;
	text-decoration: none;
	font-weight: normal;
}
.footNav ul{
	list-style: none;
	padding-left: 2%;
}
.footNav li a {
	color: #AC45AD;
	font-weight: bold;
	text-decoration: none;
}

@media (min-width: 501px) and (max-width: 800px) {
	.logo {
		width: 70%;
	}
	.nav button {
		width: 70%;
	}
	footer {
		font-size: 1.15em;
	}
}
@media (min-width: 801px) and (max-width: 1000px) {
	.logo {
		width: 55%;
	}
	.nav button {
		width: 70%;
		font-size: 1.25em;
	}
	footer {
		font-size: 1.25em;
		display: flex;
		justify-content: space-between;
	}
	[class*="foot"]{
		width: 45%;
		
	}
	.footNav {
		text-align: right;
	}
}
@media (min-width: 1001px) and (max-width: 1300px) {
	.logo {
		width: 50%;
	}
	.nav button {
		width: 70%;
		font-size: 1.5em;
	}
	footer {
		font-size: 1.5em;
		display: flex;
		justify-content: space-between;
	}
	[class*="foot"]{
		width: 45%;
	}
	.footNav {
		text-align: right;
	}
}
@media (min-width: 1301px) { 
	body {
		max-width: 1700px;
		margin: auto;
	}
	.logo {
		width: 50%;
	}
	.nav button {
		width: 70%;
		font-size: 2em;
	}
	footer {
		font-size: 2em;
		display: flex;
		justify-content: space-between;
	}
	[class*="foot"]{
		width: 45%;
	}
	.footNav {
		text-align: right;
	}
}