form.contact-form{display:flex;flex-direction:column;align-items:center;font-family:roboto,sans-serif;width:fit-content;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:0 auto;color:#555;border-radius:10px;background-color:#fff}form.contact-form h2{padding-top:1em;text-align:center;position:relative;font-size:1.8rem}form.contact-form h2:after{content:"";bottom:-5px;position:absolute;left:0;width:100%;height:2px;background-color:#25af9b}form.contact-form input::-webkit-input-placeholder,form.contact-form textarea::-webkit-input-placeholder{font:inherit;-webkit-transition:transform .3s ease-in-out,font-size .3s ease-in-out,visibility .3s ease-in-out;transition:transform .3s ease-in-out,font-size .3s ease-in-out,visibility .3s ease-in-out}form.contact-form input,form.contact-form textarea{font:inherit;font-size:1.2em;margin:10px 25px;width:400px;display:block;padding:25px 0 10px;border:none;border-bottom:1px solid #3cb499;background:linear-gradient(180deg,#fff0 96%,#3cb499 0);background-position:-400px 0;background-size:400px 100%;background-repeat:no-repeat;transition:background .3s cubic-bezier(.64,.09,.08,1);resize:none;overflow:hidden}form.contact-form input:focus::-webkit-input-placeholder,form.contact-form textarea:focus::-webkit-input-placeholder{color:#3cb499}form.contact-form input:focus,form.contact-form input:valid,form.contact-form textarea:focus,form.contact-form textarea:valid{box-shadow:none;outline:none;background-position:0 0}form.contact-form input:focus::-webkit-input-placeholder,form.contact-form input:valid::-webkit-input-placeholder,form.contact-form textarea:focus::-webkit-input-placeholder,form.contact-form textarea:valid::-webkit-input-placeholder{font-size:.8em;transform:translateY(-20px);visibility:visible!important;opacity:1}form.contact-form input[type=email]{background:linear-gradient(180deg,#fff0 96%,#3cb499 0);background-position:-400px 0;background-repeat:no-repeat;transition:border-bottom .3s ease,background .3s ease}form.contact-form input[type=email]:not([value=""])::-webkit-input-placeholder{font-size:.8em;transform:translateY(-20px);visibility:visible!important;opacity:1}form.contact-form input[type=email]:not([value=""]):focus::-webkit-input-placeholder{color:#3cb499}form.contact-form input[type=email]:not([value=""]):focus:not(:valid)::-webkit-input-placeholder{color:#e91e63}form.contact-form input[type=email]:focus{background-position:0 0}form.contact-form input[type=email]:focus:not(:valid):not([value=""]){border-bottom:1px solid #e91e63;background:linear-gradient(180deg,#fff0 96%,#e91e63 0)}form.contact-form input[type=email]:not(:focus):not(:valid):not([value=""]){border-bottom:1px solid #e91e63;background-position:0 0;background:linear-gradient(180deg,#fff0 96%,#e91e63 0)}form.contact-form input[type=email]:not(:focus):not(:valid):not([value=""])::-webkit-input-placeholder{color:#e91e63}form.contact-form button.send-message{color:#fff;background-clip:padding-box;padding:.2em 1.5em;font-size:1.2em;text-transform:none;margin-top:15px;margin-bottom:20px;margin-right:-10px}form.contact-form button.send-message span{margin:5px}form.contact-form .send-message:hover{opacity:.9;border:1px solid #ffac02}form.contact-form .form-control:focus{background-color:#0000}