body{
    background: #642B73;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #C6426E, #642B73);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #C6426E, #642B73); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
/* .dateontainer{
    position:absolute;
    top: 55%;
    left: 20%;
    width: 400px;
    transform: translate(-50%, -50%);
} */
.loginContainer{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 450px;
    width: 400px;
    padding:0px 20px 0px 20px;
    transform: translate(-50%, -50%);
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.918);
    border-radius: 10px;
}
form{

    
    padding:30px;
    border-radius: 10px;

}
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .logH{
    text-align: center ;
    margin: 20px;
    font-size: 30px;
  }
  button {
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 28px 0;
    border: none;
    font-size: 20px;
    width: 100%;
    
  }
  
  button:hover {
    opacity: 0.8;
  }
  /* .date{
      font-size: 90px;
      color: white;
      margin: 0%;
  }
    .dateM{
        font-size: 90px;
        color: white;
        margin-top: 30px;
        margin-bottom: 0%;
    }
    .dateD{
        font-size: 90px;
        color: white;
        margin-top:30px;
    } */
    @media screen and (max-width: 767px) {
      .loginContainer{
       
        width: 350px;
      }
    }