/*set border to the form*/
body{ margin:1em auto; padding-left:0.2em;width:5.0em,font-size:1.0em; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu; background: #222; color: #fff; -webkit-font-smoothing: antialiased; z-index:0;}

/*assign full width inputs*/
label{text-align: right; padding-right:1.0em;font-size:1.0em;}
input[type=text],
input[type=password] {
	width: 100%;
	padding: 1.0em 1.0em;
	margin: 0.5em 0;
	border: 0.15em solid #f1f1f1;
	border-radius: 0.25em;
	box-sizing: border-box;
	height:2.5em;
	font-size:1.0em;
}
/*set a style for the buttons*/

button {
	background-color: #009999;
	color: white;
	padding: 0.75em 0.75em;
	margin: 1.0em 0;
	border: 0.15em solid #f1f1f1;
	border-radius: 0.25em;
	box-sizing: border-box;
	cursor: pointer;
	width: 100%;
	font-size:1.0em;
}
/* set a hover effect for the button*/

button:hover {
	opacity: 0.8;
}
/*set extra style for the cancel button*/


.imgcontainer {
	text-align: center;
	margin: 3.0em 0 3.0em 0;
}
/*set image properties*/

img.avatar {
	width: 15%;
	border-radius: auto;
}
/*set padding to the container*/

.container {
	padding: 3.0em;
}

hr {
	border-color: #333;
}

a {
	color: #3386F7;
}
a:hover {
	color: #ff9;
}
a:visited {
	color: #999;
}