body {padding: 0;margin: 0;background-color:#dcdcdc;}
h2{color: white;}

#login{display: flex;align-items: center;justify-content: center;height: 100vh;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}

.card {background-color:#14223D;padding: 40px;border-radius: 10px;width:280px;}
.logo{text-align: center;}
.card-header {padding-bottom: 50px;color: white; text-align: center;}
.card-header::after {

    content: "";

    width: 70px;

    height: 1px;

    display: block;

    margin-top: -50px;

   

}

.card-content label {

    color: #fff;

    font-size: 12px;

    opacity: 0.8;

}

.card-content-area {

    display: flex;

    flex-direction: column;

    padding:10px 0;

}

.card-content-area input {

    margin-top: 10px;

    padding:0 5px;

    background-color: transparent;

    border:none;

    border-bottom: 1px solid #e1e1e1;

    outline: none;

    color: #fff;

}

.card-footer {

    display: flex;

    flex-direction: column;

}

.card-footer .submit{

    width: 100%;

    height: 40px;

    background-color: green;

    border:none;

    color:white;

    margin: 10px 0;
    border-radius: 10px;

}

.card-footer a {

    text-align: center;

    font-size: 12px;

    opacity: 0.8;

    color: #fff;

    text-decoration: none;

}