#log
 {
	 background-color: rgba(58,83,94,0.7);
	 margin-top:0px;
	 margin-bottom:50px;
	 margin-right:400px;
	 margin-left:400px;
	 padding:20px;
	 height:400px;
	 text-align:center;
	 border-radius:5px;
	 font-family:"comic sans ms"

 }

  #log2
 {
	 background-color: rgba(58,83,94,0.7);
	 margin-top:0px;
	 margin-bottom:50px;
	 margin-right:400px;
	 margin-left:400px;
	 padding:20px;
	 height:400px;
	 text-align:center;
	 border-radius:5px;
	 font-family:"comic sans ms"

 }

 #log input
 {
	 margin-top:10px;
	 margin-bottom:10px;
	 padding-left: 10px;	
	 height:40px;
	 width:400px;
     font-family:"comic sans ms"
 }



 #log2 input
 {
	 height:40px;
	 width:400px;
	 margin-top:10px;
	 margin-bottom:10px;
     font-family:"comic sans ms"
 }


 .alert {
          /*padding: 20px;*/
          /*background-color: #f44336;*/

          background-color: #11ffee00;  /*transparent*/

      
          color: black;
          margin-top:10px;
		 margin-bottom:10px;
		 height:40px;
		 width:400px;
		 padding-left: 10px		 
	     font-family:"comic sans ms"
        }


 #goat input
 {
	  height:40px;
	  width:100px;
	  background-color: #0047b3;
	border:none;
	border-radius:5px;
	  margin-left:300px;
	  font-size:20px;
	  color:white;
	  width:110px;
 }

  #goat2 input
 {
	  height:40px;
	  width:100px;
	  background-color: #0047b3;
	  border:none;
	  border-radius:5px;
	  margin-left:300px;
	  font-size:20px;
	  color:white;
 }


 #paybtn
 {
	  height:40px;
	  width:100px;
	  background-color: #f9a559;
	border:none;
	border-radius:5px;
	  margin-left:300px;
	  font-size:20px;
	  color:white;
 }


  

 


/*
 
  #cool
 {
	 background-color: rgba(1,1,1,0.7);
	 margin-top:50px;
	 margin-bottom:0px;
	 margin-right:400px;
	 margin-left:400px;
	 color:white;
	 text-align:center;
	 border-radius:5px;
	 height:50px;
	 width:460px;
	 font-family:"comic sans ms"

 }

 */

   #cool2
 {
	 background-color: rgba(1,1,1,0.7);
	 margin-top:50px;
	 margin-bottom:0px;
	 margin-right:400px;
	 margin-left:400px;
	 color:white;
	 text-align:center;
	 border-radius:5px;
	 height:50px;
	 width:460px;
	 font-family:"comic sans ms"

 }

#late a
{
	
	
	color:maroon;

}




input[type="text"] {
  width: 100%;
  padding: 10px;
  background-color: #f9a558;
  border: 1px solid #fff;
}

input[type="text"]:focus {
  background-color: #fff;
}

input[type="text"]:visited {
  background-color: #fff;
}



input[type="password"] {
  width: 100%;
  padding: 10px;
  background-color: #f9a558;
  border: 1px solid #fff;
}

input[type="password"]:focus {
  background-color: #fff;
}

input[type="password"]:visited {
  background-color: #fff;
}




[data-valid] + .fa {
  opacity: 1;
}

[data-valid="valid"] + .fa {
  color: green;
}

[data-valid="error"] + .fa {
  color: red;
}



body
{
 /*background-image: url("hammer.jpg");*/
 background-repeat:no-repeat;
 background-size: 1380px 665px;
 
}