:root{--text-color: #333;--blue: #01579b;--blue-light: #0d8aee;--dark: #000;--light: #fff;--red: #fff}*,::before,::after{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;font-family:"Poppins",sans-serif}.contactform-section{background-color:rgba(221,221,221,.1);border:1px solid #eee;height:auto;padding:10px;border-radius:3px;margin:0 auto 100px auto;max-width:100%;width:400px;min-width:300px}.contactform-box{background-color:rgba(255,255,255,.5);backdrop-filter:blur(15px);padding:30px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);border:1px solid var(--light)}form{width:320px;margin:auto}.form-group{position:relative;margin:30px 0}textarea{resize:none}input,textarea{background:none;color:var(--text-color);font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid var(--dark)}input:focus,textarea:focus{outline:none}label{color:var(--dark);font-size:16px;position:absolute;top:10px;left:5px;pointer-events:none;transition:all .3s}input:focus~label,textarea:focus~label,input:valid~label,textarea:valid~label{top:-20px;font-size:12px;color:var(--blue)}input:not(:placeholder-shown)~label{top:-15px;font-size:12px}input:not(:placeholder-shown):invalid~.line::before{background:var(--red)}input:not(:placeholder-shown):invalid{background-color:var(--red)}input::placeholder,textarea::placeholder{color:rgba(0,0,0,0)}input:focus~.line::before,textarea:focus~.line::before{width:100%}.line{position:relative;display:block;width:100%}.line::before{content:"";height:2px;width:0;position:absolute;bottom:0;left:0;background:var(--blue);transition:all .3s}.btn-box{text-align:center}.btn-submit{background:var(--blue);color:var(--light);border:none;padding:10px 30px;border-radius:3px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s;cursor:pointer;font-size:16px}.btn-submit:hover{background:var(--blue-light);box-shadow:0 7px 14px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)}form:invalid .btn-submit{pointer-events:none;opacity:.5}@media only screen and (max-width: 500px){form.contactform-section{padding:5px;min-width:90%}form.contactform-section h2{font-size:1.5rem}form.contactform-section .form-group,form.contactform-section .alexHealthyContactFormPrice{max-width:220px}form.contactform-section input,form.contactform-section textarea{max-width:200px}}/*# sourceMappingURL=style.min.css.map */