.error-container {
	width: var(--max-width);
	height: calc(100% - calc(80px + var(--footer-size)));
	margin: auto;
	display: flex;
	align-items: center;
}

.error-title {
	width: 100%;
}

.error-grid {
	max-width: var(--max-width);
	margin: auto;
	display: grid;
	grid-template-columns: repeat(var(--grid-columnns), 1fr);
}

.left-container {
	grid-column-start: 1;
	grid-column-end: span 8;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
}

.error-code {
	color: var(--purple);
	font-weight: bold;
	font-size: 156px;
}

.error-text {
	width: 100%;
	font-size: 48px;
	font-weight: bold;
}

.error-details {
	font-size: 19px;
	padding-top: 10px;
}

.right-container {
	grid-column-start: 9;
	grid-column-end: span 4;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

.dog {
	width: 100%;
	height: auto;
}