body { 
	margin:0.3em; 
	background-color: #4d4741; 
	color: #ebebbc; 
	font-family: "Trebuchet MS", Georgia, sans-serif; 
}

h1 { 
	margin: 0.3em; 
	text-align:center; 
}

#content {
	 background-color: #262321; 
	 border-radius: 0.3em; 
	 padding: 0.3em; 
}

#subtitle { 
	height:60px;
	background-color: #000000; 
	border-radius: 0.3em; 
	margin: 0; 
	padding: 0.3em; 
	font-size: 1.7em; 
	text-align:center;
}

#subtitle li {
	display:inline; 
	list-style: none;
}

#subtitle a {
	display:inline-block;
	margin: 0 30px;
}

#space {
	height:5px;
}

#form {
	max-width: 300px;
	margin:0 auto;
	text-align:center;
}

p {
	color:black;
}

#msg-error p {
	color:red;
}
.form-container {
	border-radius:0.3em ;
	border: 3px solid black;
  	padding: 10px;
 	background-color: white;
	min-height:315px;
}

.form-container input[type=text], .form-container input[type=password] {
	width: 90%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}
.form-container .btn {
	background-color: #ff7b00;
  color: black;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
  font-size:18px;
}

.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}