body {
    font-family: "Coda", sans-serif;
    width: 100%;
    margin: 0px;
    padding: 0px;
    outline: 0px;
    overflow-x: hidden;
    background-attachment: fixed;
    height:500px;
    object-fit: contain;
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url('bg.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: contain;

}


/* .elibrary{
   word-spacing: 25px;
   letter-spacing: 2px;
} */

.form-control {
  
  transition: none!important;
}


.btn-success{
    border-radius: 50px;
    border-color:none;
}

.form-body{
    /* background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)); */
    background: white;
    border-radius: 10px;
}

.form-border{
     border-radius: 10px;
    border-color:none;

}

.box .inputBox input{
    outline: none;
    border-radius:5px;
    transition: none;
    fill:none;
}

.box .inputBox label{
  position: absolute;
  top:0;
  left:0;
  letter-spacing: 1px;
  margin-top: 15px ;
  font-size: 16px;
  color: #9d9ea0;
  border-color:1px solid #28a745;
  /* pointer-events: none; */
  transition: 0.7s;
   
}

.box .inputBox input:focus ~ label,
.box .inputBox input:valid  ~ label{
  top: -17px;
  left: 0;
  color: #28a745;
  /* border-color:1px solid #28a745; */
  font-size: 14px; 
  /* background:content-box; */
  background: white;
  

}


.remember-label{
    color: #6e7072;
}

.checkbox{
    position: relative;;
    margin-top: 0.3rem;
    margin-left: 0rem;
    height: 15px;
    width: 15px;
    
}

.form-control:focus{
    border-color:green;
    outline:none;
    transition: none;
    
}

.btn-succ {
    color: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!important;
}

.text-succ{
    color: #28a745 !important;
}