body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#e6be30;--secondary:#e6be30;--white:#fff;--gray:#9b9b9b}.form__group{margin-top:10px;padding:15px 0 0;position:relative}.form__field{background:#0000;border:0;border-bottom:2px solid #9b9b9b;border-bottom:2px solid var(--gray);color:#9b9b9b;color:var(--gray);font-family:inherit;font-size:1.3rem;outline:0;padding:7px 0;transition:border-color .2s;width:100%;&::placeholder{color:#0000}&:placeholder-shown~.form__label{cursor:text;font-size:1.3rem;top:20px}}.form__label{color:#9b9b9b;color:var(--gray);display:block;font-size:1rem;position:absolute;top:0;transition:.2s}.form__field:focus{border-image:linear-gradient(90deg,#e6be30,#e6be30);border-image:linear-gradient(to right,var(--primary),var(--secondary));border-image-slice:1;border-width:3px;font-weight:700;padding-bottom:6px;~.form__label{color:#e6be30;color:var(--primary);display:block;font-size:1rem;position:absolute;top:0;transition:.2s}}.form__field{&:invalid,&:required{box-shadow:none}}body{align-items:center;background-color:#222;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:1.5rem;justify-content:center;min-height:100vh;min-width:100vw}.inputField{width:50vw}.error_label{color:#ff7a52;font-size:small}.success_label{color:#5e5e5e;font-size:small;padding-top:5px}.button{background-color:initial;border:2px solid #e6be30;border:2px solid var(--primary);border-radius:30px;color:#333;cursor:pointer;height:50px;overflow:hidden;position:relative;transition:all .5s ease-in-out;width:200px}.btn-txt{color:#e6be30;color:var(--primary);z-index:1}.type1:after{background-color:#333;border-radius:30px;content:"";height:10px;left:0;position:absolute;top:0;transition:all .5s ease-in-out;visibility:hidden;width:10px;z-index:-1}.type1:hover:after{transform:scale(100) translateX(2px);visibility:visible}