*,
html,
body {
	padding: 0;
	margin: 0;
	border: 0;
}
body {
	width: 100%;
	height: 100dvh;
}

#logs {
	counter-reset: log-point;
	box-sizing: border-box;
	padding: 0.5rem;
	width: 100%;
	height: 100%;
	background-color: #dcdcdc;
	display: flex;
	flex-direction: column;
}

.log::before {
	counter-increment: log-point;
	content: counter(log-point);
	margin-right: 0.5rem;
	/* border-right: 2px solid gray; */
	color: rgb(27, 107, 156);
	box-sizing: border-box;
	padding: 0.1rem;
}
.log:nth-child(odd) {
	/* background-color: #00000028; */
	backdrop-filter: brightness(90%);
}
.log {
	word-wrap: break-word;
	white-space: pre-line;
	font-family: Arial, Helvetica, sans-serif;
}

.log.error::before {
	color: white;
}
.log.error:nth-child(odd) {
	background-color: rgb(206, 69, 69);
}
.log.error {
	background-color: rgb(250, 85, 85);
	color: white;
}