html, body {
 display: flex;
 justify-content: center;
 font-family: Roboto, Arial, sans-serif;
 font-size: 15px;
 }
 form {
 border: 5px solid  #8ebf42;
 }
 input[type=text], input[type=password] {
 width: 100%;
 padding: 16px 8px;
 margin: 8px 0;
 display: inline-block;
 border: 1px solid #ccc;
 box-sizing: border-box;
 }
 button {
 background-color: #8ebf42;
 color: rgb(12, 31, 36);

 padding: 14px 0;
 margin: 10px 0;
 border: none;
 cursor: grabbing;
 width: 100%;
 }
 h1 {
 text-align:center;
 font-size:18;
color : blue;
 }
 button:hover {
 opacity: 0.8;
 }
 .formcontainer {
 text-align: left;
 margin: 24px 50px 12px;
 }
 .container {
 padding: 16px 0;
 text-align:left;
 }
 span.psw {
 float: right;
 padding-top: 0;
 padding-right: 15px;
 }
 /* Change styles for span on extra small screens */
 @media screen and (max-width: 300px) {
 span.psw {
 display: block;
 float: none;
 }