*{
  margin:0px;
  padding:0px;
  box-sizing:border-box;
  font-family: 'josenfin Sans', sans-serif;
  }
  
  .bg {
   
  
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .main{
  width:100%;
  height:100vh;
  position:relative;
  }
  .box{
  width:400px;
  position:absolute;
  top:56%;
  left:50%;
  transform:translate(-50%,-50%);
  padding:50px;
  background:#4abdac;
  opacity:0.9;
  border-radius:10px;
  }
  h2{
  margin-bottom:30px;
  color:#fc4a1a;
  font-weight: bold;
  font-size: 45px;
  text-align:center;
  text-transform:capitalization;
  text-shadow:2px 2px 4px #fff;
  }
  .inputbox{
  position:relative;
  }
  .inputbox input{
  width:100%;
  padding:10px;
  font-size:16px;
  color:#fff;
  letter-spacing:1px;
  margin-bottom:30px;
  border:none;
  border-bottom:2px solid#f7b733;
  background:transparent;
  outline:none;
  }
   label{
  position:absolute;
  top:0px;
  left:0px;
  letter-spacing:1px;
  padding:10px 0;
  font-size:20px;
  color:#fff;
  transition:0.5s;
  }
  .inputbox input:focus~label,
  .inputbox input:valid~label{
     top:-20px;
     left:0;
      text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
      font-weight: bold;
      
     color:#fc4a1a;
     font-size:inherit;
  }
  
  
  .box input[type="submit"]{
  background:transparent;
  border:none;
  outline:none;
  color:#dfdce3 ;
  font-size: 25px;
  background:#fc4a1a;
  padding:10px 15px;
  border-radius:5px;
  margin-left: 100px;
  border-bottom-right-radius:30px ;
  border-top-left-radius:30px ;
  
  
  }
  .box input[type="submit"]:hover{
    font-size:  x-large;
    background-color:#f7b733;
    color:#000;
   font-weight: bold;
    opacity:0.9;
    outline: none;
    transition:1s;
  }
  
  .formate{
  
    display: flex;
    align-items: center;
    flex-direction: column;
   
   
  }