*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.main-container{display:grid;grid-template-columns:1fr 1fr;margin-top:4rem;align-items:start;padding:2rem 6rem;gap:2rem}.cards{display:flex;flex-direction:column;gap:1rem}.card{display:flex;flex-direction:column;gap:.6rem;padding:2em;background-color:#eee;border-radius:1rem;box-shadow:5px 5px 5px #0000004d}.title{font-weight:600;color:#00008b}.btn-group{display:flex;gap:1rem}.btn-update{border:none;padding:.6rem;width:8rem;text-transform:uppercase;color:#000;border-radius:.4rem;background-color:#e3ff2c;transition:all .3s}.btn-update:hover{cursor:pointer;background-color:#f6db0c}.btn-delete{border:none;padding:.6rem;width:8rem;text-transform:uppercase;color:#fff;border-radius:.4rem;background-color:#db4b12;transition:all .3s}.btn-delete:hover{cursor:pointer;background-color:#b13504}.form-container{background-color:#ebeaea;border-radius:2rem;padding:1rem 2rem 2rem;box-shadow:10px 10px 10px #0000004d}.form-container h1{text-align:center;text-transform:uppercase;margin:2rem 0rem}form{display:flex;flex-direction:column}input[type=text],input[type=email],input[type=number]{font-size:1rem;padding:.4rem;border:none;border-radius:.4rem}label{margin-bottom:.4rem;font-weight:600;text-transform:uppercase;padding-left:.4rem;letter-spacing:1px}input{margin-bottom:.8rem}.btn-submit{border:none;padding:.6rem;text-transform:uppercase;color:#fff;border-radius:.4rem;background-color:#0aab18;transition:all .3s}.btn-submit:hover{cursor:pointer;background-color:#045e0c}.btn-reset{border:none;padding:.6rem;text-transform:uppercase;color:#fff;border-radius:.4rem;margin-top:.6rem;background-color:#db4b12;transition:all .3s}.btn-reset:hover{cursor:pointer;background-color:#b13504}