h1, h2, h3 { text-align: center; }

[v-cloak] {
	display: none !important;
}

div.container {
	text-align: center;
	border-radius: 7px;
	margin: 5px auto;
	padding: 10px;
	width: 95%;
}


button.delete {
	width: 10%;
	margin: 0 auto;
}


div.line {
	background-color: #7289da;
	margin-bottom: 15px;
	margin-top: 15px;
	height: 2px;
}


ul {
	list-style: none;
	padding-inline-start: 0;
}

ul > li {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}


input[type="text"],
input[type="number"] {
	margin: 5px;
	flex-grow: 1;
}

/* Move boxes further apart */
/*input[type="text"].left { margin-right: 10%; }
input[type="text"].right { margin-left: 10%; }*/