<!DOCTYPE HTML>
<html>

<head>
	<title>404 Not Found</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
	<style>
		@font-face {
		  font-family: KohinoorBangla;
		  src: url(/assets/fonts/KohinoorBangla-Regular.otf);
		}
		@font-face {
		  font-family: KohinoorBangla-Bold;
		  src: url(/assets/fonts/KohinoorBangla-Bold.otf);
		}
		
		html,
		body {
			height: 100%;
			margin: 0;
			font-family: KohinoorBangla;
		}
		
		h1, h3 {
			font-size: 6rem;
			line-height: 1.5;
			font-weight: normal;
			font-family: KohinoorBangla;
			margin: 0;
		}
		
		h3 {
			font-size: 2rem;
		}
		
		.container {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			background-color: #0000001a;
			overflow: hidden;
		}
		
		.row::after {
			content: "";
			clear: both;
			display: block;
		}
		
		.section {
			padding-top: 32px; padding-bottom: 32px; overflow: auto;
		}
		
		.section--center {
			text-align: center;
		}
		
		/* For desktop: */
		.col-6 {
			width: 50%;
			padding-left: 20px;
			padding-right: 20px;
			width: 360px;
			height: 80%;
			max-height: 640px;
			border-radius: 2px;
			background-color: #fff;
		}
		
		@media only screen and (max-width: 540px) {
		
			/* For mobile phones: */
			.container {
				display: block;
				background-color: #fff;
			}
		
			.row {
				padding-left: 20px;
				padding-right: 20px;
			}
		
			[class*="col-"] {
				width: 100%;
				padding: 0;
				width: auto;
				height: auto;
			}
		}
	</style>
	
	<div class="container row">
		<div class="col-6 section section--center">
			<h1>
				404
			</h1>
			<h3>
				The page you're looking for can't be found
			</h3>
		</div>
	</div>
</body>

</html>