*{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
 text-decoration: none;
}
body{
background: url(imagen/ejecutores.jpg);
  background-size: 100vw 100vh;
background-repeat: no-repeat;
background-position: center center;

}
.container{
height: 100vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;

}
.form-content {
    width: 100%;
    max-width: 345px;
    padding: 31px 56px 33px;
    text-align: center;
    border-radius: 25px;
}


.form-content h1 {
    font-size: 16px;
    margin-bottom: 27px;
    color: #ffffff;
    position: relative;
}
.form-content h1::after {
content: '';
width: 30px;
height: 4px;
border-radius: 3px;
background:#04bd7d ;
position: absolute;
bottom: -12px;
left:50% ;
transform: translateX(50%);
}
.input-field{
background-color:  #515966;
margin: 15px 0;
border-radius: 3px;
display: flex;
align-items: center;
transition: max-height 0.5s;
overflow: hidden;
}
input{
  width: 100%;
  background: transparent;
  border: 0;
  outline: none;
  padding: 12px 15px;
  color: #ffffff;
}

input::placeholder{
color:red

}

.input-field i{
color: #020202;
  margin-left: 15px;
}
form p {
color: white;
text-align: left;
font-size: 16px;
margin-bottom: 20px;

}
form p a{
color: #13f76e;
margin-left: 5px;

}
.btn-field{
width: 100%;
display: flex;
justify-content: space-between;
}
.btn-field button{
flex-basis: 48% ;
font-size: 16px;
background-color: #04bd7d;
color: #ffffff;
height: 40px;
border-radius: 10px;
border: 0;
outline: 0;
cursor: pointer;
transition:background 1s;

}
.input-grup{
height: 210px;


}

.btn-field button.disable{

  background-color: #eaeaea;
}