body {
    display:flex;
    flex-direction:column;
}
.signup-wrapper {
    flex:1;
    display:flex;
    justify-content: center;
}
.signup-main {
    padding:70px 50px;
    text-align:center;
}
.signup-menu {
    display:flex;
    flex-direction:column;
}
.heading {
    font-size:30px;
}
.error {
    color:#ff0000;
    height:23px;
    white-space:nowrap;
}
.input-area {
    width:250px;
    margin:10px auto;
    height:40px;
    padding-top:3px;
}
.input-submit {
    border:none;
    padding:10px 20px;
    margin:0 auto;
    margin-top:35px;
    width:180px;
    cursor:pointer;
    border-radius:30px;
    background-color:#7474c2;
    color:#ffffff;
    transition: background 0.2s;
}
.input-area:focus {
    border:2.5px solid #4848d6 !important;
    transition: all 0.3s;
    border-radius:3px;
}
.input-area::placeholder:focus {
    color:#2e2eca;
}