#form-area{
    border: 2px solid #000;
    background-color:#ffa347;
    border-radius:10px;
    text-align:center;
    max-width:500px;
    margin: 10px auto 20px auto;
    padding: 5px;
    box-sizing: border-box;
}

#content-header h4 {
    font-size: 1.4em;
    line-height: 1.25;
    margin-bottom: 0.55em;
}

#content-header p {
    margin: 0em;
}

#form-area input {
    padding: 2px 0;
    width:100%;
    font-size:15px;
    margin: 0.4em 0;
    border: 2px solid #bbb;
    border-radius: 6px;
}

.balanced {
  white-space: unset;
  text-wrap: balance;
}

#form-area button.submit-button {
    height: 52px;
    margin: 10px auto;
    color: #fff;
    background-color: #3526fc;
    font-size: 20px;
    font-family: 'Signika','arial';
    width: 100%;
    -moz-border-start: brown;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
    box-sizing: border-box;
    display: block;
    position: relative;
}

#password-error {
    line-height: 1.2em;
    padding:.1em;
    border-radius:5px 5px 0 0;
    margin:0;
}

.recovery-input {
    width:95%;
    margin:auto;
}

#team-footer {
    position: fixed;
    background-color: #F2FAFD;
    bottom: 0;
    z-index: 50;
    width: 100%;
}

#container {
    min-height:calc(100vh - 30px);
}

#form-area {
    width: min(95%,400px);
}

@media screen and (max-width:990px) {
    #form-area input {
        max-width: none;
    }
    #container {
        min-height: 100vh;
    }
}

@media screen and (max-width:840px) {

    #form-area label {
        font-size: 14px;
    }

}