* {
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-variation-settings:
	"slnt" 0;
}

body {
	max-width: 960px;
	margin: 0 auto;
	background-color: #eee6ee;
}

p, ul {
	font-size: 20px;
}

ul {
	list-style-type: disclosure-closed;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	color: #6a319c;
}

h2 {
	color: #9441bd;
}

a, a:visited {
	color: #6a319c;
	text-decoration-style: dotted;
}

footer {
	text-align: center;
}

a:hover {
	text-decoration-style: solid;
	text-decoration-thickness: 3px;
	text-decoration-color: #392052;
}

@media (max-width: 1023px) {
  body {
  	padding: 20px;
  }
}

@media (min-width: 1024px) {
  body {
  	max-width: 960px;
  	margin: 0 auto;
  }
}