<!DOCTYPE html>
<html lang="en"
	<head>
	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="icon" type="image/x-icon" href="https://cdn1.a1.group/final/de/imgs/layout/favicon.ico"/>
		<title>Unavailable</title>
	<style>
    html, body {
		height: 100%;
		margin: 0;
	}

	body {
		background: url('');
		display: flex;
		justify-content: center;
		align-items: center;
		background-position: right;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-left: 20px;
		padding-right: 20px;
	}
			
	@media (max-width: 600px) {
		body {
			background: url('') !important;
			background-position: right !important;
			background-repeat: no-repeat !important;
			background-size: cover !important;
		}
	}
			
  .info_box {
		border-radius: 24px;
		background: rgba(255, 220, 220, 0.84);
		box-shadow: 2px 4px 4px 0px rgba(255, 255, 255, 0.31) inset, -2px -1px 4px 0px rgba(112, 4, 4, 0.31) inset;
		backdrop-filter: blur(4.279726982116699px);
		padding: 36px;
		max-width: 500px;
  }
  
  .info_title {
		text-align: center;
		margin-top: 0;
		margin-bottom: 18.88px;
		font-size: 40px;
  }
  
  @media (max-width: 600px) {
		 .info_title {
			font-size: 25px;
		 }
  }
  
  .icon {
		position: absolute;
		top: 0px;
		left: -45px;
  }
  
  .info_text {
		display: block;
		text-align: center;
		font-size: 24px
  }
  
  @media (max-width: 600px) {
		.info_text {
			font-size: 18px;
		}
  }
	</style>
	</head>
	<body>
		
		<div class='info_box'>
			<H2 class='info_title'>Page Unavailable</H2>
			<span class='info_text'>
				This page does not exist or access to it is restricted.
			</span>
		</div>
	</body>
</html>