body {
      background-color: rgb(249, 248, 244);
    }

    .container {
      position: relative;
    }

    .bggrappolo {
      z-index: 0;
      position: absolute;
      top: 0;
      left: 10px;
      width: 200px;
      height: 200px;
      opacity: 0.1;
    }

    @media (max-width:480px) {
      .bggrappolo::before {

        top: -150px;
        left: 20px;
      }
    }

   /* Form */
.form-login {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 1rem;
  padding-top: 2rem;
  background-color: #ffffff9d;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.rescuepassword{
  margin-top: 1rem;
}
.orregister{
  margin-top: 1rem;
}

.form-remember {
  width: 100%;
  text-align: left;
  padding-left: 5px;
  padding-top: 10px;
cursor: pointer;
  }
  .form-remember label{
cursor: pointer;
}
  .form-remember label input{
margin-right: 5px;
cursor: pointer;
}