main.css

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css);

* {
	margin: 0px;
	padding: 0px;
	/* border: 1px solid black; */
	box-sizing: border-box;
}
html, body {
	font-family: Arial, Helvetica, sans-serif;
	min-width: 250px;
	
}

header {
	padding: 10px;
	color: white;
	background: #222;
	/* border-bottom: 3px solid white; */
}
#title {
	margin-bottom: 5px;
}

.faint {
	font-weight: lighter;
	color: #999;
	padding: 20px;
}

li {
	padding: 9px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
li:hover {
	background: #ddd;
}
.stashItemName {
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	color: black;
	padding: 3px;
}

.stashControls {
	white-space: nowrap;
}

.stashControls * {
	margin: 2px;
	cursor: pointer;
	display: inline;
}

.stashControls button {
	background: none;
	border: none;
	font-size: 20px;
}
.stashControls input[type=checkbox] {
	display: none;
}
.stashControls label {
	font-size: 20px;
}

.accented {
	color: green;
}

#stashInfo {
	padding-top: 10px;
}

#stashName {
	width: 100%;
	border: none;
	border-bottom: 2px solid #222;	
	padding: 9px;
}
#stashName:focus {
	outline: none;
}

#btnNewStash {
	width: 100%;
	color: white;
	background: #222;
	border: none;
	padding: 10px;
	margin-top: 3px;
}

#signature {
	float: right;
	margin-top: 10px;
}