body{margin:-10px 0 0;padding:0;background-color:#fafcff}.note-item,.character-item{border:.7px solid black;margin-bottom:5px;padding:5px}.notes,.characters,.metrics{max-width:500px;margin:10px;padding-top:80px}.filter-bar{display:flex;padding:10px;position:fixed;background-color:#fffffff5;width:500px}.filter-bar .btn{flex:1;display:flex;justify-content:center;align-items:flex-end}.btn{padding:7px;border-bottom:.5px dotted blue}.selected{border-bottom:1px solid blue}.tags-group{display:flex;flex-wrap:wrap}.tags{border:1px solid gray;border-radius:15px;width:fit-content;padding:3px 7px;margin:5px}.big{font-size:larger;font-weight:bolder}.small{font-size:smaller;font-weight:lighter;color:gray}