.main-login{
background-color: #fff;
/* shadows and rounded borders */
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}
.close{
    background-color: #ad2b35 !important;
    border-radius: 1000px;
    color: #fff;
    padding: 5px !important;
    width: 25px;
}
.close:hover{
    background-color: #d73743 !important;
    color: #fff !important;
}

.main-center{
    margin-top: 30px;
    margin: 0 auto;
    max-width: 90%;
    padding: 20px 20px;
}
.modal{
    border-radius: 15px;
}
.modal h4{
    font-size: 30px;
    text-align: left !important;
}
.login-button{
    margin-top: 20px;
    background-color: #5EC79C;
    border-radius: 0px;
    color: white;
}
.login-button:hover{
    background-color: #3caa7c;
    color: white;
}
.login-register{
    font-size: 8px;
    text-align: center;
}

.login{
    font-size: 12px;
    text-align: center;
    color: red;
    margin-top: 20px;
    cursor: pointer;
}
        
.login:hover{
    color: rgb(20,20,70);
}