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

body{
	background-color: lightgray;
	min-height: 100dvh;
}
#main{
	max-width:400px;
	margin: 0 auto;
	padding: 10px;
	min-height: 100dvh;
}
h1{
	background-color: teal;
	color:white;
	text-align: center;
	padding:10px;
	border:1px solid black;
	border-radius: 5px;
	height:60px;
	/*height: 10dvh;*/
}
form{
	margin: 0 auto;
	padding: 10px;
	background-color: teal;
	color:white;
	font-weight:bold;
	font-size:1.3em;
	text-align: center;
	border:1px solid black;
	border-radius: 5px;
}

input[type='submit']{
	padding:5px 20px;
	font-weight:bold;
}

input[type='text']{
	padding:5px;
	font-weight:bold;
}

input[type='password']{
	padding:5px;
	font-weight:bold;
}

input[type='button']{
	padding:10px;
	font-weight:bold;
	width:90%;
	font-size:1.2em;
}

#nav{
	padding:5px;
	background-color: teal;
	border:1px solid black;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*margin-top: 1dvh;
	margin-bottom: 1dvh;*/
	text-align:right;
	height: 33px;
	/*height: 6dvh;*/
}

#nav button{
	font-weight:bold;
	padding:0 10px
}

a:link, a:visited {
	text-decoration: none;
	display: inline-block;
	padding:5px;
	background-color: white;
	border:1px solid black;
	border-radius: 5px;
	margin:2px;
	width:90%;
	color:black;
	font-size:0.9em;
}