/* Bordered form */
            form {
              /*border: 3px solid #f1f1f1;*/
            }

            /* Full-width inputs */
            input[type=text], input[type=password] {
              width: 100%;
              padding: 12px 20px;
              margin: 8px 0;
              display: inline-block;
              border: 1px solid #ccc;
              box-sizing: border-box;
            }

            label{
                 font-family: Verdana,sans-serif;        
                
                        }
            
 

            /* Set a style for all buttons */
            button {
              background-color: #4CAF50;
              color: white;
              padding: 14px 20px;
              margin: 8px 0;
              border: none;
              cursor: pointer;
              width: 100%;
            }

            /* Add a hover effect for buttons */
            button:hover {
              opacity: 0.8;
            }

            /* Extra style for the cancel button (red) */
            .cancelbtn {
              width: auto;
              padding: 10px 18px;
              background-color: #f44336;
            }

            /* Center the avatar image inside this container */
            .imgcontainer {
              text-align: center;
              margin: 24px 0 12px 0;
            }

            /* Avatar image */
            img.avatar {
              width: 140px;
              border-radius: 20%;
            }

            /* Add padding to containers */
            .container {
              padding: 26px;
  
              width: 300px;
                height: 250px;
                background:#b0c4de;
                margin: 0 auto;
            }
            
               .container2 {
              padding: 26px;
  
              width: 300px;
                height: 25px;
                margin: 0 auto;
            }

            /* The "Forgot password" text */
            span.psw {
              float: right;
              padding-top: 16px;
            }

            /* Change styles for span and cancel button on extra small screens */
            @media screen and (max-width: 300px) {
              span.psw {
                display: block;
                float: none;
              }
              .cancelbtn {
                width: 100%;
              }
            }