/* 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;
}

/* Set a style for all buttons */

button {
    background-color: #003A5D;
    color: white;
    padding: 15px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 10%;
}

/* Add a hover effect for buttons */

button:hover {
    opacity: 0.8;
}

/* Right the Logo image inside this container */

.logocontainer {
    position: center;
    margin: 10px 1000px 10px 100px;
}

/* Add padding to containers */

.container {
    padding: 16px;
}

/* 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%;
    }
}

.title {
    color: #003A5D;
    font-size: 55px;
    text-align: center;
    margin-bottom: 10px;
    margin-bottom: 30px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

label {
    color: #0071CE;
    font-size: 30px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 20;
    font-weight: 700;
    /* height: 100vh; */
}

body {
    /* color: #555; */
    /* background-image: url("images/leaves-pattern.png"); */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    position: relative;
    height: 100vh;
    font-weight: 400;
}

/* .top {
    height: 50vh;
    background-image: linear-gradient(rgba(141, 129, 129, 0.35), rgba(141, 129, 129, 0.35)), url(back.png);
    background-size: cover;
    background-position: center;
    position: relative;
} */