@import '~heading.less';
@import '../../resources/fontawesome/fontawesome.less';
@import '../../resources/fontawesome/solid.less';

.Error {
	margin: 0;
	padding: 0;
	height: calc(~"100vh - 100px");
	width: 100%;
	display: flex;
	align-items: center;
	text-align: center;

	div {
		width: 100%;

		h1 {
			font-size: 17px;
			font-weight: 400;
			margin: 0 0 10px;
			flex: 1 0 100%;
		}

		h4 {
			font-size: 11px;
			font-weight: 400;
			margin: 0 0 20px;
			flex: 1 0 100%;
		}

		h5 {
			font-size: 13px;
			font-weight: 400;
			margin: 0;
			flex: 1 0 100%;

			:global(.icon) {
				.fa-icon();
				.fas();
				margin: 0 5px 0 0;
			}
		}
	}
}