.head1{
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    height: 40px;
    width: auto;
   }
   .head1>h3{
       display: inline-block;
       text-align: left;
       font-size: 4px;
       line-height: 40px;
       padding: 0 56% 0 5%;
   }
   .head1>p{
   display: inline;
   text-align: right;font-size: 4px;
   padding: 0 1%;
   }
   .nav{
       width: auto;
       height: 90px;
       background-color: antiquewhite;
   }
   a{
       color: rgb(0, 0, 0);
   }
   .nav>img{
       width: 122px;
       padding: 2% 33% 0 3%;
       float: left;
   }
   .nav>div{
       width: 90px;
       margin: 35px 0;
       display: inline-block;
       font-size: 8px;
       text-align: center;
   }
   .nav>div>a>p{
       margin: 0 23%;
   }
   .nav>div>a>p:hover{
       border-bottom: 2px solid blue ;
   }
body{
	background-image: url(../images/login_bg.jpg);
}
.bg {
   
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#center {
	
	margin: 0 auto;
	height: 400px;
	width: 700px;
	text-align: center;
	overflow: hidden;
	padding: 20px;
}

#btn_div {
	padding: 20px;
	border: 8px solid #EEEEEE;
    background-color: white;
	/* height: 600px; */
	
}

.btn {
	margin: 30px 30px 0px 70px;
	background-color: gold;
	height: 40px;
	border: 0 solid white;
}

#login
{
	width:200px;
	font-size: 20px;
	
}

#register
{
	width:200px;
	font-size: 20px;
}

.input-group
{
	padding:20px;
	float: right;
    margin-top: 15px;
    margin-right: 210px;
	
}

.footer {
	left: 40%;
	width: 100%;
	position: fixed;
	bottom: 10px;
}

#username {
    height: 40px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

#password {
    height: 40px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

#passwordeye {
    height: 40px;
    border-radius: .25rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: white;
}

#span_username {
    width: 80px;
    text-align: right;
    padding-top: 5px;
}

#span_password {
    width: 80px;
    text-align: right;
    padding-top: 5px;
}
footer{
    background-color: rgb(0, 0, 0);
    height: 300px;
}
footer>div{
    width: 23%;
    text-align: center;
    margin: 0px 5%;
    float: left;
    color: white;
}
footer>div>p{
    font-size: 10px;
}
footer>div:nth-of-type(1){
    display: inline-block;
}
footer>div>a:nth-of-type(odd){
    float: left;
    font-size: 10px;
    color: aliceblue;
}
footer>div>a:nth-of-type(even){
    float: right;
    font-size: 10px;
    color: aliceblue;
}
footer>div:nth-of-type(1){
    display: inline-block;
}
.foot{
    height: 37px;
    width: 100%;
    background-color: rgb(79, 79, 76);
    line-height: 33px;
    padding: 0;
    margin: 20px 0
}