form{flex-direction:column;align-items:center;gap:4rem;width:50%;margin:2rem auto;display:flex}.inputs-box{justify-content:space-between;gap:2rem;width:100%;display:flex}.input-item{flex-direction:column;flex-grow:1;gap:1rem;display:flex}.input-item.big-field{width:100%;height:auto}label{color:var(--onyx);font-weight:300}input,textarea{box-sizing:border-box;width:100%;max-width:100%;caret-color:var(--onyx);cursor:auto;resize:none;border:none;border-bottom:1px solid var(--onyx);background-color:var(--chalk);height:auto;color:var(--onyx);transition:border var(--duration-mouse);padding:.5rem;font-family:p22-mackinac-pro,Times New Roman,serif;font-weight:300}textarea{overflow:hidden}input:hover,textarea:hover{border-bottom:1px solid var(--onyx-60)}input:focus-visible,textarea:focus-visible{outline:2px solid var(--onyx);box-shadow:none!important}input:focus,textarea:focus{outline:none;box-shadow:none!important}input:-webkit-autofill{color:var(--onyx)!important;-webkit-text-fill-color:var(--onyx)!important;box-shadow:0 0 0px 100px var(--chalk) inset!important;-webkit-box-shadow:0 0 0px 100px var(--chalk) inset!important}input:-webkit-autofill:hover{color:var(--onyx)!important;-webkit-text-fill-color:var(--onyx)!important;box-shadow:0 0 0px 100px var(--chalk) inset!important;-webkit-box-shadow:0 0 0px 100px var(--chalk) inset!important}input:-webkit-autofill:focus{color:var(--onyx)!important;-webkit-text-fill-color:var(--onyx)!important;box-shadow:0 0 0px 100px var(--chalk) inset!important;-webkit-box-shadow:0 0 0px 100px var(--chalk) inset!important}input:-webkit-autofill:focus-visible{color:var(--onyx)!important;-webkit-text-fill-color:var(--onyx)!important;box-shadow:0 0 0px 100px var(--chalk) inset!important;-webkit-box-shadow:0 0 0px 100px var(--chalk) inset!important}input:-webkit-autofill:active{color:var(--onyx)!important;-webkit-text-fill-color:var(--onyx)!important;box-shadow:0 0 0px 100px var(--chalk) inset!important;-webkit-box-shadow:0 0 0px 100px var(--chalk) inset!important}.submit-box{flex-direction:column;align-items:center;gap:1rem;display:flex}@media screen and (max-width:1200px){form{width:60%}}@media screen and (max-width:760px){form{gap:2rem;width:50%;min-width:300px;margin:1rem auto}.inputs-box{flex-direction:column;justify-content:flex-start}.input-item{gap:.5rem}}@media screen and (max-width:480px){form{width:80%}}
