#Home{
    display:grid;
    justify-items:center;
    margin:auto;
    
    
    }	

#id_password1_helptext>ul{
  color: white;
}

#regest{
        background-color:rgba(1,0,0,0.6);
        width:40vw;
        max-width:500px;
        min-width:400px;
        margin:3rem;
        padding:1rem;
        }

.Bactologin{float:right; font-size: 12pt; color: aliceblue;}

  input[type=text], input[type=password], input[type=email], input[type=number] {
  width: 100%;
  height:3.5rem;
  background: white;
}

input[type=number] {
 maxlength:10;   
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus {
  background-color: rgba(55,15,30,0.6);
  outline: none;
  color:white;
  
}

table p{color:white;}

span{color:red; font-size: 13px; margin-top:0%; margin-bottom:0.5em; float:right;}

label{font-size:14pt; color:white;}

p{text-align:center; margin-top:0%; color:white;}

button {
  background-color: black;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

button:hover {
  background-color: Blue;
}

.cancelbtn {
  padding: 14px 20px;
  background-color: White;
  color:Black;
  opacity:1;
}

.clearfix{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
}

.bdeco{
    flex:1 1;
}

.formcontainer {
  padding: 1em;
  width:100%;
  background-color: darkcyan;
  padding:2rem;
}


.formcontainer hr {
    width:100%;
	padding:0;
	height:0;
	margin-bottom:0.5em;
	background-color: darkslategrey;
	
	
}


@media screen and (max-width:768px){
    #regest{
        width:80%;
        min-width:80%;
        }
}

@media screen and (max-width: 425px){
    p{margin-top:0%; padding-top:0%;}


}