html, 
body {
	height: 100%;
width: 100%;
	overflow: hidden;
    margin:0;
    padding:0;
	top:0;
	left:0;
	right:0;
	bottom:0;
 font-family: sans-serif, roboto, "Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
text-align:center;
background: rgb(178,226,240); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(178,226,240,1) 0%, rgba(214,220,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,226,240,1)), color-stop(100%,rgba(214,220,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#595959',GradientType=0 ); /* IE6-9 */
}



button {   
        width: 100%;  
        padding: 10px;   
        margin: 10px 0px;   
        border: none;   
        cursor: pointer;   
		font-size: 18px;
	
	background-color:rgb(33,139,173);
  	color: white;
		
         }   

label{
color:black;
font-size: 14px;
 float: left;
    margin: 1px;

}	

 form {   
 	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 6px;
    }   
	
 input[type=text], input[type=password] {   
        width: 100%;   
        margin: 8px 0;  
        padding: 8px 15px;   
        display: inline-block;   
        border: 2px solid green;   
        box-sizing: border-box;  
font-size: 14px;		
font-family: sans-serif,"Open Sans", Calibri, Helvetica, "segoe ui", roboto, oxygen, ubuntu, Arial;

    }  
	
 button:hover {   
 background-color:rgb(117, 167, 250);
	color:blue;
  	transition: background-color 0.2s;
	}   
	
  .cancelbtn {   
        width: auto;   
        padding: 8px 15px;  
        margin: 10px 5px;  
    }   
        
     
 .container {   
        padding: 10px;   
        background-color:rgb(152,234,249);
		width: 35%;
    }   
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  
  a {
	  font-size: 18px;
	  color:blue;
	  }
  
  a:hover {
  color: black;
}

h1{
text-align: center;
font-size:18px;
color:teal;
font-weight:normal;
font-family: Helvetica,Arial,Georgia, roboto, oxygen, ubuntu; 
}