select{
  -webkit-appearance:none;
  background: none;
}

input[type=date], input[type=time]{
  -webkit-appearance:none;
  background: none;
}

.register{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:100vh;
}

.register_frame{
  width:50%;
  min-width: 1000px;
  height:90%;
  min-height: 500px;
  overflow: hidden;
  background: linear-gradient(15deg,transparent,var(--color1_2),var(--color1_1),var(--color1_2),transparent);
  padding:1px;
  border-radius: 5px;
  display: flex;
}

.register_content{
  width:100%;
  height:100%;
  background: rgb(20,20,20);
  background-image: url('../Images/background/register_bg.png');
  background-size: cover;
  border-radius: 5px;
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  padding:2% 3%;
  position:relative;
}

.register_header{
  font-size: clamp(15px,5vmin,30px);
  position:relative;
  width:30%;
}

.register_header::after{
  content:"";
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background: linear-gradient(to right,var(--color1_1),var(--color1_2),transparent);
}

.register_form{
  width:60%;
  display:grid;
  column-gap: 5%;
  grid-template-columns: repeat(auto-fit,minmax(220px, 1fr));
  margin-top: 5%;
  z-index:5;
}

.input_container{
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2vmin;
}

.input_label{
  color:white;
  margin-bottom: 2%;
  font-size: clamp(12px,4vmin,17px);
}

.input_container input{
  width:100%;
  background: black;
  border:none;
  font-size: clamp(12px,4vmin,17px);
  padding:3%;
  border-radius: 5px;
  color:white;
  width:100%;
}

.submit_btns{
  display:flex;
  align-items: flex-end;
  margin-top: 2vmin;
}

.submit_btns button{
  padding:2% 0;
  font-size: clamp(12px,3vmin,16px);
  min-width: 46%;
  border:none;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 4%;
}

.submit_btn{
  background: linear-gradient(var(--color1_1),var(--color1_2));
}

.reset_btn{
  background: linear-gradient(white,grey);
}

.register_banner{
  position:absolute;
  right:1%;
  bottom:0;
  height:90%;
  z-index: 2;
}
