@charset "utf-8";

/**********/
/* Layout */
/**********/

div {
	margin: 5px auto;
	padding: 10px;
	width: 50%;
	min-width: 450px;
}
a,a:hover {
	display: block;
	padding: 3px;
}

/***********/
/* Styling */
/***********/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
h1 {
	font-size: 350%;
	color: #FF9900;
	background-color: #336699;
	font-variant: small-caps;
}
h2 {
	font-size: 200%;
	font-variant: small-caps;
}

ol { font-size: 150%; }

div.mix { border: 4px solid #336699; }

a,a:hover {
	text-decoration: none;
}

a {
	color: #336699;	
	background-color: #FF9900;
}
a:hover {
	color: #FF9900;
	background-color: #336699;
}

form#form {
    display: grid;
    grid-template-columns: 150px 350px;
	grid-gap: 20px;
}

form#form label {
	text-align: right;
    grid-column: 1 / 1;
}

form#form input {
	grid-column: 2 / 2;
	width: 100%;
}

form#form input[type=submit] {
	grid-column: 2 / 2;
	font: normal normal 400 16px 'Dosis';
	background-color: #dcdcdc;
	border: 1px solid #333;
	width: 70px;
}