form {
	height: fit-content !important;
  
}
h2 {
 color:rgb(104, 104, 111); 
}
.input-login {

	padding:1rem;
	border: none;
	border-radius: 15px;
  
}
label {
  margin-left: 20px;
  margin-bottom: -12px;
}
.submit-btn {

	padding: 1rem;
	border: none;
	border-radius: 36px;
	background-color: #e2001a;
	color: #fff;
  width:60%; 
  margin:10px auto;
	font-weight: 600;
}
.submit-btn:hover {

	opacity:0.8;
}

.link-recover {
	
	color: #696b6e;
	font-weight: 400;
	text-decoration: underline;
}

/**/
form input{
             
                background:#fff;
                border-bottom: 2px solid #fff;
               
                color: #3d3d3d;
            }
            form input:focus-visible {
                outline: none;
            }
            
            form input:focus::-webkit-input-placeholder,
            form input:active:focus::-webkit-input-placeholder{
            font-size:12px;
            color: #3d3d3d;
            display:block;
           
            transform:translateY(-20px);
            }
            
            form input::-webkit-input-placeholder,
            form input::-webkit-input-placeholder
            {
               
                color: #3d3d3d;
                transform:translateY(0px);
                transition: all .3s ease-in-out; 
            }
/**/
@media(max-width:767px){
  
  .form-container {
    width:90%;
  } 
  .extra-text {
    width:90%;
  }