*{
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;
 
 
}