body{
	margin:0;
	padding:0;
	font-family: 'Comfortaa', cursive;
	text-align:center;
	padding-top: 0;
 }
 .top {
	 background: #f1f1f1;
	 padding: 5px 0;
	 border-bottom: 1px solid #ccc;
 }
.login-site {
	background: #ccc;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 15px;
}
input[type="text"], input[type="password"]{
	outline:none;
	padding:10px;
	display:block;
	width:300px;
	border-radius: 3px;
	border:1px solid #eee;
	margin:20px auto;
}

input[type="submit"]{
	padding:10px;
	color:#fff;
	background:#0098cb;
	width:320px;
	margin:20px auto;
	margin-top:0px;
	border:0px;
	border-radius: 3px;
	cursor:pointer;
}

input[type="submit"]:hover{
	background:#00b8eb;
}
.header {
	border-bottom:1px solid #eee;
	padding:10px 0px;
	width:100%;
	text-align:center;
}

ul.navbar-nav li{
  justify-content: flex-end;
}

ul.nav {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}
ul.nav li {
	 display: inline-block;
	 margin: 0;
	 padding: 0;
 }
ul.nav li > a{
	text-decoration: none;
	display: inline-block;
	margin: 0;
	padding: 10px 15px;
	color: black;
}
ul.nav li > a:hover{
	display: inline-block;
	margin: 0;
	padding: 10px 15px;
	color: deepskyblue;
}
.message {
	 display: block;
	 z-index: 99999999;
	 color: green;
}