@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap);:root{--first-color:#abfa00;--white-color:#fff;--black-color:#000;--body-font:"Poppins",sans-serif;--normal-font-size:0.938rem;--tiny-font-size:0.563rem}@media screen and (min-width:968px){:root{--normal-font-size:1rem}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);background-color:#fff;background-color:var(--white-color)}.form{height:100vh;display:grid;place-items:center;margin:0 1.5rem}.form__content{display:grid;grid-row-gap:1.5rem;row-gap:1.5rem}.form__input,.form__label,.form__submit{border:0;outline:none;font-size:.938rem;font-size:var(--normal-font-size);font-family:Poppins,sans-serif;font-family:var(--body-font)}.form__box{width:312px;height:59px;position:relative}.form__shadow{background-color:#000;background-color:var(--black-color)}.form__input,.form__shadow{position:absolute;width:100%;height:100%}.form__input{border:2.5px solid #000;border:2.5px solid var(--black-color);background-color:#fff;background-color:var(--white-color);z-index:10;padding:18px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.form__input::-webkit-input-placeholder{-webkit-transition:opacity .5s;transition:opacity .5s}.form__input::placeholder{transition:opacity .5s}.form__label{z-index:100;position:absolute;top:16px;left:20px;font-size:.563rem;font-size:var(--tiny-font-size);font-weight:600;transition:.2s;pointer-events:none;opacity:0}.form__button{justify-self:flex-end;background-color:#000;background-color:var(--black-color)}.form__submit{padding:.875rem 1.5rem;color:#000;color:var(--black-color);background-color:#abfa00;background-color:var(--first-color);cursor:pointer;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.form__submit:hover{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}.form__input:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:.3s;transition:.3s}.form__input:focus::placeholder{opacity:0;transition:.3s}.form__input:focus,.form__input:not(:placeholder-shown).form__input:not(:focus){-webkit-transform:translate(-8px,-8px);transform:translate(-8px,-8px);padding:28px 18px 18px;-webkit-animation:input-animation .5s;animation:input-animation .5s}.form__input:focus+.form__label,.form__input:not(:placeholder-shown).form__input:not(:focus)+.form__label{opacity:1;top:2px;left:12px;transition:.3s}@-webkit-keyframes input-animation{0%{-webkit-transform:translate(0);transform:translate(0)}40%{-webkit-transform:translate(-9px,-9px);transform:translate(-9px,-9px)}60%{-webkit-transform:translate(-7px,-7px);transform:translate(-7px,-7px)}}@keyframes input-animation{0%{-webkit-transform:translate(0);transform:translate(0)}40%{-webkit-transform:translate(-9px,-9px);transform:translate(-9px,-9px)}60%{-webkit-transform:translate(-7px,-7px);transform:translate(-7px,-7px)}}@media screen and (max-width:340px){.form__box,.form__content{width:100%}}@media screen and (min-width:968px){.form__content{zoom:1.1}}
/*# sourceMappingURL=main.f12ad350.chunk.css.map */