main {
	background-color: lightgray;
	font-family: Arial;
	min-height: calc(100vh - 30em);
}

main,
#error-wrap,
#error-text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

#error-wrap {
	width: 10em;
	position: relative;
	z-index: 1
}

#error {
	background-color: darkgray;
    transform: perspective(200px) rotateX(70deg);
    border-radius: 0.2em;
    width: 2.5em;
    height: 2em;
    font-size: 5em;
    text-align: center;
    overflow: hidden;
    position: relative;
}

#error-number {
	transform: perspective(200px) rotateX(10deg);
    text-shadow: 2px 2px 5px lime, -2px 2px 5px lime, 2px -2px 5px lime, -2px -2px 5px lime;
    background-color: black;
    height: 1.5em;
    top: 0.6em;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 2em;
    border-radius: 0.2em 0.2em 0 0;
    line-height: 2.3em;
}

#error-text,
#error-text::after {
    height: 4em;
    border-radius: 0.3em;
}

#error-text {
	text-align: center;
	width: 10em;
	background-color: burlywood;
	color: crimson;
}

#pole,
#pole::after {
    height: 5em;
	width: 1em;
}

#pole {
	background-color: saddlebrown;
	position: relative;
}

#error-text::after,
#pole::after {
    content: "";
    display: block;
    position: absolute;
    transform: rotateY(-45deg) rotateX(45deg);
    box-shadow: 0 0 5px 5px gray;
    background-color: gray;
	z-index: -1
}

#error-text::after {
	width: 12em;
	top: 1.85em;
	right: -4.72em;
}

#pole::after {
	right: -1.5em;
	top: 0.5em;
}