body {
margin: 0 auto;
background-color:#b0c4de;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
object-fit: cover;
width: 100vw;
height: 100vh;

}	

.form {
margin: 50px auto;
width: 300px;
padding: 30px 25px;
background: transparent;
text-align:center;
border:solid #f8f8ff 3px;
border-radius: 10px;
background-image:url(../M-A-images/login-form-bkgd.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}


h1.login-title {
color: #fff;
margin: 0px auto 25px;
font-size: 25px;
font-weight: 300;
text-align: center;
}

.login-input {
font-size: 15px;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 25px;
height: 35px;
width: calc(100% - 23px);
border-radius: 10px;
}

.login-input:focus {
    border-color:#6e8095;
    outline: none;
}

.login-button {
color: #fff;
background: #55a1ff;
border: 0;
outline: 0;
width: 100%;
height: 50px;
font-size: 16px;
text-align: center;
cursor: pointer;
border-radius: 10px;
}

.link {
color: #666;
font-size: 15px;
text-align: center;
margin-bottom: 0px;
}

.link a {
color: #666;
}

h3 {
font-weight: normal;
text-align: center;
}


a:link {text-decoration: none; color: #fff; }

a:visited {text-decoration: none; color: #fff;}

a:hover {text-decoration: none;	color: #fff;}

a:active {text-decoration: none; color: #fff;}

.error-message {
color: #000036;
font:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
margin-bottom: 15px;
}