main {
	height: fit-content;
	overflow: visible;
}

.container{
	width: 100%;
	height: fit-content;
}


.error {
	position: relative;
	height:fit-content;
}

.notfound{
	background-image: url("../assets/background.png");
	background-size: cover;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: var(--large);
	font-weight: 600;
	color: var(--c-text-light);
	font-family: 'Poppins', sans-serif;

}

.debug {
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: var(--small);
	padding: var(--small);
}

.debug > .line {
	padding: var(--small);
	border: 2px solid var(--c-primary); 
	border-radius: var(--small);
}

.debug > .line.json {
	font-size: 0.75rem;
}

.debug > .line.json > p {
	line-height: normal;
}