@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
} 

/* Login Section*/
 
b.button { 
       background-color: #006FBA; 
       width: 50%;
        color: black; 
        padding: 15px; 
        margin: 10px 0px; 
        border: none; 
        cursor: pointer; 
         } 
 form { 
        border: 3px solid #f1f1f1;
		width: 350px;		
    } 
 input[type=text], input[type=password] { 
        width: 50%; 
        margin: 8px 0;
        padding: 12px 20px; 
        display: inline-block; 
        border: 2px solid green; 
        box-sizing: border-box; 
    }
 b.button:hover { 
        opacity: 0.7; 
       background-color: purple; 
		color: white; 	   
    } 
  .cancelbtn { 
        width: auto; 
        padding: 10px 18px;
        margin: 10px 5px;
    } 
      
   
 .login_container { 
        padding: 25px; 
        background-color: lightblue;
       width: 100%; 		
    } 
	
	button{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
font-size: 20px; 
color:#FFFFFF;
background-color:#006FBA;
text-align:center;
transition: all 0.2s;
width: 200px;
}

button:hover{
background-color:#00693B; 
}

@media all and (max-width:30em){
button{
display:block;
margin:0.2em auto;
}
}