body { padding: 2em; margin: auto; max-width: 800px; font-family: sans-serif; } #search { font-size: 200%; border: 1px solid #d0d0d0; padding: 3px 10px; width: 100%; } .category { margin-top: 3em; } .items { display: flex; } .item { border: 1px solid; margin: 5px; } .traits { display: flex } .traits-group { margin: 0px 5px; } .text-button { font-size: 10pt; font-weight: normal; } .text-button::before {content: "[";} .text-button::after {content: "]";} textarea { font-family: sans-serif; font-size: 100%; } a:link {color: #008ACE; text-decoration: none;} a:visited {color: #B40EB4; text-decoration: none;} a:hover {text-decoration: underline;} a:active {text-decoration: underline;} a.anchor { margin-right: 0.5em; color: gray; }