body{
   margin: 0;
   padding: 0.7rem;
   background-color: #ded;
}

form.auth {
   display: inline;
}

nav {
   background-color: #ddd;
}

footer {
   font-size: 80%;
   background-color: #eee;
   color: #444;
}

div#content {
   margin: 0.7em 0;
}


div.record section.form-must p {
   display: inline;
}

input#amount {
   width: 3.5em;
}

span.date {
   padding: 0 0.5rem;
}

span.amount {
   font-family: monospace;
   font-size: 110%;
   border-radius: 0.3rem;
   min-width: 7rem;
   display: inline-block;
   text-align: right;
   font-weight: bold;
   background-color: #cdc;
   border-radius: 0.3rem;
   padding: 0 0.5rem;
   margin: 0.3rem 0;
}

div.notes {
   font-style: italic;
}

ul.tags {
   display: inline;
   margin: 0;
   padding: 0;
}

ul.tags li {
   display: inline;
   background-color: #fed8b1;
   border-radius: 1rem;
   padding: 0 0.5rem;
   font-size: 90%;
}

ul.records-list {
   list-style-type: none;
   list-style-position: inside;
   margin: 0;
   padding: 0;
}
ul.records-list li {
   /* width: 21rem; */
   margin: 0;
   margin-top: 2px;
   margin-bottom: 2px;
   border: 1px solid gray;
   padding: 0.2rem;

}
form.btn {
   display: inline;
}
form.btn button {
   margin: 0;
   padding: 0;
   background-color: transparent;
   border: 0;
}

div.recent h1 {
   font-size: 100%;
}

textarea {
   display: block;
   width: 21rem;
   height: 4rem;
}

form.delete {
   border: 1px solid #ccc;
   padding-right: 4px;
}