html, body{
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #DDD5C2;

	font-family: Bahnschrift, Kohinoor Bangla, Verdana;
}

#banner {
	width: 100%;
	height: 224px;
	object-fit: cover;
	object-position: 50% 22%;

	border-bottom: 8px solid white;

	position: absolute;
}

#pr {
	width: 192px;
	height: 192px;

	border: 8px solid white;
	border-radius: 100%;

	z-index: inherit;
	order: 0;
}

.links {
	z-index: inherit;
	text-align: center;

	margin-top: 18px;
	margin-bottom: auto;
	margin-left: 4px;
}
a{
	color: white;
	text-decoration: none;
	font-size: 14px;
}
a:hover{
	border-bottom: 2px solid white;
}

img:hover{
	cursor: pointer;
}

#content {
	display: flex;
	justify-content: center;

	padding-top: 52px;
	padding-bottom: 6px;
	z-index: 2;
}

#back{
	position: absolute;
	margin: 12px;

	top: 0;
	right: 0;
}

#reel{
	display: flex;
	flex-wrap: wrap;
	padding: 14px;
	justify-content: space-around;
}