#mainContent,#mainWrapper{
  min-height: 500px;
  width: 100%;
  float: left;
}
#register-stepbar-container{
	display: grid;
	grid-template-columns: repeat(2,1fr);
  background-color: rgb(29, 28, 28);
  font-size: 1rem;
}
#register-stepbar-container>div{
	padding: 15px;
	color:#fff;
}
#register-form-container{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
#register-form-details,#register-form-account{
	margin:5px 15px;
}
.register-form-title{
   color: #fff;
   border-bottom: 4px solid #000;
   padding: 10px;
   min-height: 32px;
   font-size: 1.3rem;
}
.register-form-wrapper{
	padding: 5px 10px;
}
.account_btn {
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
  transition: color 0.25s 0.0833333333s;
  position: relative;
}
.account_btn::before, .account_btn::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}
.account_btn::before {
  border-bottom-width: 2px;
  border-left-width: 2px;
}
.account_btn::after {
  border-top-width: 2px;
  border-right-width: 2px;
}
/* .account_btn:hover {
  color: #fe7b8f;
}
.account_btn:hover::before, .account_btn:hover::after {
  border-color: #fe7b8f;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
} */
.account_btn:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}
.account_btn:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

.account_btn {
  background-color:#3b754c;
  border: none;
  cursor: pointer;
  line-height: 1.5;
  padding: 0.5em 1em;
  letter-spacing: 0.05rem;
  font-size: 12px
}
input[type=text], input[type=password], input[type=email], textarea {
    font-family: inherit!important;
    font-weight: 700!important;
}


@media screen and (max-width: 768px){
  #register-form-container {
    display: flex;
    flex-direction: column;
  }
  
}