* {padding: 0; margin: 0; box-sizing: border-box;}

:root 
{
	--width: 98%;
}
body 
{
	background-image: url('denim.jpg');
	background-repeat: repeat;
	padding-top: 10px;
}

a:not(.image-link) 
{
	color: #1a73e8; 
	text-decoration: none; 
	font-weight: bold; 
	transition: color 0.3s, text-shadow 0.3s;
}

a:not(.image-link):hover {color: #F66E00; cursor: pointer;}
a:not(.image-link):active {color: #5E4996;}
a:not(.image-link):focus {outline: 2px dashed #1a73e8; outline-offset: 2px;}

header, main 
{
	background-color: white;
	/* border: 1px solid red; */
	/* width: max-content; */
	max-width: var(--width);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 20px 0 0 0;
	align-items: center;
	flex-direction: column;
}
header > * {flex: 1;}

img:hover {transform: scale(.99);}
img
{
	max-width: var(--width);
	display: block;
	margin: 0 auto;
	cursor: pointer;
	transition: transform 300ms;
}
img.soft {border-radius: 5px;}
a.mla-banner.image-link > img.soft {max-width: var(--width);}
section {width: calc(var(--width) - 40px); margin: 0 20px; padding: 5px;}
p
{
	font-family: sans-serif;
	font-size: 25px;
	line-height: 1.5;
	color: #333; 
	margin: 20px; 	
}

p.signature {margin-bottom: 50px;}
main 
{
	flex-direction: column;
	padding-bottom: 50px;
	border-radius: 5px;
	box-shadow: 1px 1px 10px black;
}