body {
    background-color: #18022B;
}

.login_form{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
}

.ph_block{
    width: 60px;
    height: 60px;
    background-color: #A509FF;
    border-radius: 5px 0px 0px 5px;
    margin:  0;
    float:left;
}

.login_form input[type=text]{
    width: 420px;
    padding: 5px 20px;
    margin:  0;
    height: 60px;
    float:left;
    border-radius: 0px 5px 5px 0px;
    margin-bottom: 24px;
    border: 0;
}

.login_form input[type=text]::placeholder{
    color: #898989;
    font-size: 18px;
    font-weight: 'Regular';
}

.login_form input[type=password]{
    width: 420px;
    padding: 5px 20px;
    margin:  0;
    height: 60px;
    float:left;
    border-radius: 0px 5px 5px 0px;
    margin-bottom: 40px;
    border: 0;
}

.login_form input[type=password]::placeholder{
    color: #898989;
    font-size: 18px;
    font-weight: 'Regular';
}

.logo {
    background: transparent 0% 0% no-repeat padding-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 47px;
    height: 54px;
    margin-bottom: 80px;
}   

.login_form a{
    color: white;
    font-weight: 'Regular';
    font-size: 18px;
}

.login_form input[type=submit] {
    color: #333232;
    background-color: orange;
    border-radius: 5px 5px 5px 5px;
    min-width: 89px;
    height: 30px;
    float: right;
    border: 0;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: "Medium";
}

.error_msg{
    color: #D50000;
    font-size: 15px;
    font-weight: "Medium";
    width: 400px;
    margin-bottom: 15px;
}

.check_inbox {
    color: #b9b9b9;
    width: 500;
    margin-bottom: 15px;
}