@font-face {
	font-family: "Inter";
	src: url("../media/ui/Inter.ttf");
}

@font-face {
	font-family: "Inter Italic";
	src: url("../media/ui/Inter Italic.ttf");
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	font-family: "Inter";
	font-size: 12px;
	font-weight: 600;
}

body > *:not(:last-child) {
	margin-bottom: 6px;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	padding: 12px;
}

textarea {
	border: 1px solid black;
	width: 200px;
	height: 100px;
	resize: vertical;
	padding: 2px;
}

#all-input {
	width: 406px;
}

button {
	border: 1px solid black;
	padding: 2px 6px;
	cursor: pointer;
	background-color: #dfdfdf;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex {
	display: flex;
	gap: 6px;
}

h1 {
	font-weight: 800;
}

ul {
	list-style: none;
}

aside {
	position: fixed;
	border: 1px solid black;
	width: 200px;
	right: 12px;
	top: 12px;
	padding: 6px;
	margin: 0;
}

#clear-button {
	position: fixed;
	right: 12px;
	bottom: 12px;
	margin: 0;
}

li {
	cursor: pointer;
	width: max-content;
}