*, *::before, *::after {
	box-sizing: border-box;
}

:root {
	font-family: 'Verdana', sans-serif;
	font-size: clamp(12px , 3.3vw, 16px);
	line-height: 1.4;
	background-color: #fdfdfd;
	color: #333333;
}

body {
	margin: 0;
	padding: 0;
}

:is(h1, h2, h3) {
	font-weight: bold;
	margin: 1em 0 .3em 0;
	text-wrap: balance;
}
h1 {
	font-size: 2rem;
	& img {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 570px;
	}
}
h2 {
	font-size: 1.4rem;
}

a, a:link, a:visited, a:hover, a:active {
	color:#0000ff;
}

ul > li, ol > li {
	margin-bottom: .5em;
	padding-left: 1rem;
	text-indent: -1rem;

}

p {
	margin: .5em 0;
	text-wrap: pretty;
}

footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-size: 80%;
	margin-top: 2rem;
	padding: 1rem;
	border-top:1px solid red;
}

.ilovevalidator {
	text-decoration: none;
	color: inherit;
	& div {
		background: #e8e8e8;
		border-radius: 5px;
		border: 1px solid #808080;
		padding: 2px 5px;
		box-shadow: 1px 1px 2px #00000020;
	}
}



.main {
	margin: 0;
	padding: 1rem;
}

@media only screen and (min-width: 700px) {
	.main {
		width:703px;
		border: 1px solid #a0a0a0;
		border-width: 1px 2px 2px 1px;
		/* padding:10px 20px; */
		margin:2rem auto;
	}
}