.my-form *{box-sizing:border-box;font-family:sans-serif;}.my-form{max-width:500px;padding:0 1rem;}.my-form label{display:block;padding:1rem 0 .2rem 0;font-weight:700;font-size:1rem;color:#374151;}.my-form input,.my-form textarea{display:block;width:100%;font-size:1rem;padding:.5rem;background-color:#fff;border:2px solid #D1D5DB;outline:none;border-radius:.5rem;color:#000;transition:300ms border;}.my-form textarea{resize:none;}.my-form input:focus,.my-form textarea:focus{background-color:#fff;border-color:#2563EB;}.my-form input:focus:required:invalid{background-color:#fff;border-color:#E74694;}.my-form .btns-row{margin-top:1rem;text-align:right;}.my-form button{display:inline-block;padding:.5rem .75rem;border-radius:.5rem;color:#195979;background-color:white;transition:all .1s ease;-webkit-box-shadow:3px 6px 5px -4px rgba(0,0,0,0.2);box-shadow:3px 6px 5px -4px rgba(0,0,0,0.2);border:solid 1px lightgrey;font-weight:700;font-size:1rem;cursor:pointer;}.my-form button:hover{color:#00f;-webkit-box-shadow:2px 2px 4px -4px rgba(0,0,0,0.3);box-shadow:2px 2px 4px -4px rgba(0,0,0,0.3);}