@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  /* background-color:blanchedalmond; */
}


body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img//dipt.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .3; 
  z-index: -1;
}

#login-img{
  background-image: url("../img/dipt.jpg");
   /* background-position: center; */
  background-repeat: no-repeat;

}


#message-alert {
    -webkit-animation: cssAnimation 10s forwards;
    animation: cssAnimation 10s forwards;
    position: fixed; 
    bottom:7%; 
    right: 1%; 
    z-index: 10000;
}

@keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}