body{
  background-image: url("../asset/abs.jpg");
   user-select: none;
  }
 
.reg-form
{
    padding: 30px;
width:40%;
margin-top: 90px;
margin-left:30%;
height:1100px;

border-radius: 30px;
box-shadow: 2px 2px 8px black, -2px -2px 8px white;
background-color:transparent;

}
h1{
    color:rgb(48, 3, 151);
}
.input-box{
    padding:10px;
    width:100%;
    border-radius: 10px;
    font-size:16px;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color: transparent;
    color:rgb(72, 7, 177);
   
}   
.input-box1{
    padding:10px;
    width:100%;
    border-radius: 10px;
    font-size:15px;
    background-color: transparent;
     color:rgb(49, 8, 196);
      font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
   
}   

label{  
      z-index:1;  
    font-weight: bold;
    position: relative;
    top:-30px;
    left:10px;
    font-size:15px;
     color:rgb(19, 15, 15);
   z-index: -1;
   
}
.input-box:focus{
    
    box-shadow: 2px 2px 4px rgb(32, 27, 27);
}
.input-box:focus + label{
    position: relative;
    top:-55px;
    background-color: rgb(247, 242, 242);
    z-index: 1;
}
.input-box:not(:focus):valid + label{
    position: relative;
    top:-55px;
    background-color: rgb(247, 242, 242);
    z-index: 1; 
}

.input-box1:focus{
    
    box-shadow: 2px 2px 4px rgb(32, 27, 27);
}
.input-box1:focus + label{
    position: relative;
    top:-55px;
   background-color: rgb(247, 242, 242);
    z-index: 1;
}
.input-box1:not(:focus):valid + label{
    position: relative;
    top:-55px;
   background-color: rgb(247, 242, 242);
    z-index: 1; 
}

input[type="date"]+label
{
     position: relative;
    top:-55px;
    background-color: rgb(247, 242, 242);
    z-index: 1;
}
.get-registration{
    background-color: rgb(70, 70, 100);
    color:white;
    height:50px;
    font-size: 20px;
    width:350px;
    font-weight: bold;
    border-radius: 10px;
    
}

@media screen and (max-width: 768px) {
  .reg-form {
   width:100%;
   margin-left:0%;
   padding:5px;
   margin-top: 80px;
  }
  .menu{
    display: none;
   
  }
  .menubar{
    background-color: rgb(82, 63, 63);
  }
  body{
        background-color: rgb(252, 247, 247);

  }
}