@charset "utf-8";

.form { border: black; width: 100%; max-width: 400px; margin: 0px auto; font-family: Arial, sans-serif; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 35px; padding: 30px 25px; border-radius: 20px; }

.field { margin-bottom: 15px; }

.form input { width: 100%; padding: 12px 14px; border: 1px solid rgb(221, 221, 221); border-radius: 8px; font-size: 14px; transition: 0.2s; }

.form input:focus { border-color: rgb(51, 51, 51); outline: none; }

.form #button { width: 100%; padding: 14px; background: rgb(114, 203, 59); color: white; border: none; border-radius: 8px; font-size: 15px; cursor: pointer; transition: 0.2s; }

.form #button:hover { background: rgb(93, 165, 48); }

.error { display: block; font-size: 12px; color: red; margin-top: 4px; }