:root{--background-color: rgb(243, 244, 246);--background-color-one: rgb(255, 255, 255);--background-color-two: rgb(255, 255, 255);--input: var(--background-color);--header-text: rgb(17, 24, 39);--gray-text: rgb(43, 50, 58);--button-text: var(--background-color);--call-to-action-text: rgb(255, 255, 255);--call-to-action-background: rgb(14, 57, 14);--call-to-action-background-hover: rgb(14, 50, 14);--main-color-light: #22c55e;--main-color-dark: #15803d}.input-wrapper{max-width:100%;position:relative;margin:1rem}.input-wrapper label{position:absolute;top:0;left:0;color:var(--gray-text);padding:.5rem 0 0 .75rem;z-index:10;transition:all .2s}.input-wrapper input,.input-wrapper textarea,.input-wrapper select{width:100%;max-width:100%;background-color:var(--background-color-two);border:1px solid var(--input);color:var(--header-text);border-radius:8px}.input-wrapper input:not(:-moz-placeholder-shown)+label,.input-wrapper textarea:not(:-moz-placeholder-shown)+label,.input-wrapper select:not(:-moz-placeholder-shown)+label{color:var(--header-text);transform:translateY(-.5rem);font-size:.75rem;background-color:var(--input);padding:0 .5rem;border-radius:8px;outline:var(--call-to-action-background) solid 1px}.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label,.input-wrapper textarea:focus+label,.input-wrapper textarea:not(:placeholder-shown)+label,.input-wrapper select:focus+label,.input-wrapper select:not(:placeholder-shown)+label{color:var(--header-text);transform:translateY(-.5rem);font-size:.75rem;background-color:var(--input);padding:0 .5rem;border-radius:8px;outline:var(--call-to-action-background) solid 1px}.btn{background-color:var(--background-color-two);color:var(--header-text);padding:.5rem 1.5rem;margin:0 1rem;border-radius:8px;cursor:pointer;border:1px solid var(--input);transition:ease-in-out .2s all}.btn:hover{border-radius:32px;background-color:var(--background-color)}