.container { background-color: rgba(255, 255, 255, 0.425); border-radius: 5px; padding: 30px 25px; /* height: 478px; */ height: auto; width: 67%; } .custom-input { display: block; margin: auto; background-color: #f7f8f9; border: none; border-radius: 30px; padding: 13px 15px; margin-bottom: 23px; width: 85%; } .first-custom-i { margin-top: 35px; } .last-custom-i { margin-bottom: 52px; } .custom-input::placeholder { color: #b0b3b8; } .register-button-b { display: block; margin: auto; background-color: #00A0DF; border: none; border-radius: 30px; color: white; padding:15px 30px; margin-top: 10px; width: 92%; } /*Mensajes de error formulario*/ .tooltip { display: none; position: absolute; background-color: #f8d7da; color: #721c24; padding: 5px; border: 1px solid #f5c6cb; border-radius: 3px; font-size: 12px; z-index: 1; } div { position: relative; margin-bottom: 15px; } div input:focus + .tooltip { display: block; } div input:invalid + .tooltip { display: block; }