.hlt1 { font-size:12.0pt; color:#a61e1e; font-weight:bold; }
.hlt2 { color:#6e3333; font-style:italic; }
.maintable { width: 740px; height: 100%; }
.buttonlist { float:right; }
.buttonlist a { background-color: #c6c6c6; display: inline-block; padding: 2px 6px 2px 6px; color: #002; border-width: 1px; border-style: solid; border-color: #002; border-radius: 3px; }
.buttonlist a:hover { background-color: #ebebeb; }
.listitem { padding: 3px; border-width: 1px; border-style: solid; border-color: #020; border-radius: 5px; background: #5e8c68; }
/*.buttonlist { list-style-type: none; text-align: center; margin: 0; padding: 0; }*/
/*.buttonlist { background-color: #48a; display: inline-block; padding-left: 20px; padding-right: 20px; }*/
body { margin: 0; background: #000 url(background.png) repeat-y top center; }
a { text-decoration: none; }
/* Top Navigation Settings */
div#topnav { width: 740px; margin: 0; padding: 0; border-width: 0 0px 2px 0; border-style: solid; border-color: #020; background: #020; }
div#topnav a {display: block; width: 100%; text-align: center; padding: 2px 0 2px 0; font: bold 12px Palatino; color: #020; background: #a4ca70; }
div#topnav a:hover { background: #cde1ae; }
div#list { margin: 12px 50px 12px 50px; }
/*div#list p { padding: 3px; border-width: 1px; border-style: solid; border-color: #020; border-radius: 5px; background: #5e8c68; }*/

.login-title {
	margin: 0;
	color: white;
	text-align: center;
	font-size: 2rem;
	font-weight: normal;
}

#signin-content {
	/*--color: hsl(200, 10%, 35%);
	background-color: var(--color);
	box-shadow: 0 0 15px 0 var(--color);*/
	/*padding: 40px 30px;*/
	margin-top: 40px;
	width: 100%;
	/*max-width: 600px;
	border-radius: 15px;*/
}
#login-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 40px;
}
.signin-input {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.signin-input label {
	color: white;
	font-weight: lighter;
}
.signin-input input {
	font-size: 1.5rem;
	padding: .5em;
	background-color: white;
	border: none;
	outline: none;
	border-radius: .25em;
	color: black;
	font-weight: normal;
}
.signin-input input:focus {
	box-shadow: 0 0 0 2px hsl(200, 10%, 5%);
}
.signin-input.error input {
  background-color: hsl(0, 100%, 80%);
}
.error-message {
	font-size: .75rem;
	color: black;
}
.login-button {
	padding: .5em 1em;
	font-size: 1.5rem;
	font-weight: normal;
	color: white;
	background-color: hsl(150, 15%, 20%);
	border: 1px solid hsl(0, 10%, 5%);
	border-radius: .25em;
	outline: none;
	cursor: pointer;
}
.login-button:hover,
.login-button:focus {
	background-color: hsl(150, 15%, 25%);
}