@import "theme.css";
@import "parts/index.css";

body {
	margin:0;
	background: var(--body-primary-bg);
	color:var(--body-color);
	animation: body-show 200ms;
	font-family: sans-serif;
}
@keyframes body-show {from {opacity:0}}

main {
	max-width: 70ch;
	padding:1rem;
	margin-inline:auto;
}
#todo:empty:after {
	text-align:center;
	display:block;
	padding:1rem;
	content:"List is empty";
}
#todo-add-form {
	display: grid;
	grid-template-columns: 1fr max-content;
	gap: var(--s-1);
}