.register {
  width: 100%;  
  height: auto; 
  margin: auto;
  overflow-y: auto;
 
}


.register h2 {
  font-family: ubuntu;
  font-size: 1.3rem;
  /* background-color: rgb(255, 222, 222); */
  text-align: center;
  color: rgb(142, 0, 102);
  padding: 6px;
  /* padding-left: 4rem; */
}


.register_form {
margin: auto;
width: 500px;
 text-align: center;
  
background-color: rgba(255, 255, 255, 0.95);
border-radius: 20px;
color: #333;
/* font-family: sans-serif; */
line-height: 1.5;
/* max-width: 50%; */
padding: 1rem 2rem;

}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .register_form {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(5px);
    background-color:rgba(240, 228, 70, 0.5) ;
    }
  .warning {
    display: none;
  }
}

.register_form input {
  font-size: 16px;
  padding: 6px;
  font-family: 'Ubuntu';
  width: 320px;
  margin: 4px;
  border-radius: 8px;
  border: 0px solid #000;
  padding: 10px;
}

.register_form label {
  font-size: 20px;
  padding: 6px;
  width: 300px;
  font-family: 'Ubuntu';
  text-align: left;

  text-transform: uppercase;
   display:inline-block;
}

.register_form input[type="submit"], input[type="reset"] {
  font-size: 25px;
  padding: 14px;
  width: 146px;
  font-family: 'Ubuntu';
  text-align: center;
  background-color: rgb(32, 169, 199);
  border: 0px solid #000;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  margin-top: 12px;
}

.register_form input[type="submit"]:hover, input[type="reset"]:hover {
  background-color: rgb(78, 174, 191);
}

.register_form input[type="submit"]:active, input[type="reset"]:active {
  background-color: #333;
}
 

.registration_terms_overlay {
  position: fixed; /* Sit on top of the page content */
  /* display: none;   */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; 
  
  /* Specify a stack order in case you're using a different order for other elements */
  /* cursor: pointer;   */
}
 
.login_info {

  font-size: 12px;
  font-family: 'Ubuntu';
}

.iamhuman {
  width: 50px;
  height: auto;
  padding: 20px;
  margin: 10px;
  background-color: rgb(185, 185, 185);
  border-radius: 8px;
  cursor: pointer;

  font-family: ubuntu;
  font-size: 1.3rem;
}

.iamhumanActived {
  background-color: green;
  color: #FFF;
}


/* .required {
  background-color: rgb(50, 163, 204);
 
}

.labelRequired {
  color:red;
  font-weight: bold;
}

.username_validation, 
.passwrd_validation,
.passwrdcnfrm_validation,
.email_validation {
  color:red;
  font-size: 16px;
  font-family: ubuntu;
} */