.invalid-feedback{
    display: block!important;
}

.container {
        width: 100vw;
        height: 100vh;
        background: #F0F0F0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
    .box {
        width: 500px;
        height: 300px;
        background: #fff;
        border-radius: 5px 5px 0 0;
        border: 1px solid #9816F4;
        
    }
    .titulo{
        background-color: #9816F4;
        padding: 15px;
        color: #fff;
    }
    .titulo img{
        width: 100px;
    }
    .body, .rodape, .recovery{
        padding: 5px;
    }
    .rodape{
        color: #6C7A89;
    }
    .recovery{
        text-align: center;
        padding: 30px;
    }
    body{
        margin: 0px;
    }
    h1{
        font-size: 20px;
    }
    .recovery a{
        background-color: #4CAF50; /* Green */
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        border-radius: 5px;
      }
      .recovery a:hover{
          text-decoration: none;
          color: #fff;
          background-color: #87ee8b;
      }
      .valida{
        border-color: crimson;
        background-color: #FDFAEB;
        box-shadow:0px 0px 8px 0px red!important
    }