BODY, HTML {
	margin: 0;
	width: 100%;
	height: 100%;
	height: 100svh;
}

BODY {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eee;
	font-family: system-ui, sans-serif;
}

SECTION {
	display: block;
	box-shadow: 0px 3px 6px; #333333;
	border-radius: 10px;
	background: #ffffff;
	padding: 40px;
	width: 425px;
	box-sizing: border-box;
}

HEADER {
	padding-bottom: 20px;	
}

H1, H2 {
	color: #777;
	margin: 0;
	text-align: center;
}


H1 {
	font-size: 18px; 
}

H2 { 
	font-size: 24px; 
}

FORM::after {
	background-image: url('/syllabi/admin/resources/images/deik.jpg');
	content: '';
	width: 120px;
	height: 120px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	background-size: cover;
}

LABEL {
	display: block;
	font-weight: bold;
	font-size: medium;
}

IMG { 
	margin-left: auto; 
	width: 120px;
	height: 120px;
	padding-left: 25;
}

FORM {
	display: block;
	margin: 0px;
	padding-right: 140px;
	position: relative;
	min-height: 120px;
}

INPUT, SELECT {
	display: block;
	width: 200px;	
	font-size: large;
	margin-bottom: 20px;
}

NAV {
	margin-top: 1em;
	font-size: 80%;
}

NAV A {
	color: gray;
}

BUTTON {
	padding: 4px 10px;
	font-size: large;
}

BUTTON:after {
	padding-left: 1ex;
	content: '»';
}

P {
	border: 1px solid #999;
	display: block;
	border-radius: 10px;
	padding: 20px;
	margin-top: 1em;
}

P STRONG { 
	color: black; 
	text-align: left; 
	font-size: inherit;
	display: block;
	padding-bottom: 1em;
}