*{box-sizing:border-box}h1,h2,h3,h4,h5{margin-top:0;font-weight:600;text-transform:capitalize;letter-spacing:var(--letter-spacing)}p{margin:0}body{margin:0;background-color:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400}.form{background-color:#fff;width:90vw;max-width:600px;border-radius:5px;box-shadow:1px 1px 5px #0000004d;padding:2em 2.5em;margin:2rem auto}label,input{display:block}input,.btn{width:100%}label{font-family:inherit;margin-bottom:.75rem;text-transform:capitalize}input{font-family:inherit;margin-bottom:.75rem;padding:.75em;border:1px solid #cbd5e1;border-radius:5px;transform:scale(1);transition:transform .25s}input:focus,input:hover{transform:scale(1.025)}.btn{font-family:inherit;font-size:inherit;display:inline-block;padding:.75em 1.5em;font-weight:600;letter-spacing:1px;cursor:pointer;border:0;border-radius:5px;transform:scale(1);transition:transform .25s;align-content:center}.btn:hover,.btn:focus{transform:scale(1.025)}.btn-primary{background-color:#000;color:#cad7e6}.btn:hover,.btn:focus{color:#fff;color:#3fb497}a{text-decoration:none}ul{list-style:none}.icon{font-size:1.75rem}.icon:hover{cursor:pointer}.icon-trash:focus,.icon-trash:active,.icon-trash:hover{color:red}.icon-edit:focus,.icon-edit:active,.icon-edit:hover{color:#3fb497}#root{display:flex;flex-direction:column;height:100dvh}main{flex:1}footer{background-color:#000;color:#fff;box-shadow:0 -3px 3px #0003}