.caps
{
	position : absolute;
	top : 70%;
	left : 15%;
	transform : translateY(-50%);
	width : 400px;
	padding : 20px;
	text-align : left;
	display : block;
	color: #000 !important;
}

.caps-right
{
	position : absolute;
	top : 70%;
	right : 15%;
	transform : translateY(-50%);
	width : 400px;
	padding : 20px;
	text-align : right;
	display : block;
	color: #000 !important;
}

.caps h3
{
	font-size : 20px;
	text-align : left;
	font-family : cinzel, sans-serif;
	color: #000 !important;
}

.caps-right h3
{
	font-size : 20px;
	text-align : right;
	font-family : cinzel, sans-serif;
	color: #000 !important;
}

.caps i
{
	display : block;
	/* font-size : 15px; */
	font-size : 15px;
	line-height : 20px;
	padding : 20px 0px;
}

.caps-right i
{
	display : block;
	/* font-size : 15px; */
	font-size : 15px;
	line-height : 20px;
	padding : 20px 0px;
	text-align : right;
}

.caps span
{
	display : block;
	padding : 15px;
	background : rgb(50,50,50);
	color : rgb(245,182,25);
	font-weight : bold;
	width : max-content;
	position : relative;
	/* left : 15%; */
	/* transform : translateX(-50%); */
	float : left;
}

.caps-right span
{
	display : block;
	padding : 15px;
	background : rgb(50,50,50);
	color : rgb(245,182,25);
	font-weight : bold;
	width : max-content;
	position : relative;
	float : right;
	/* right : 0; */
	/* transform : translateX(-50%); */
}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
.page {
	display: grid;
	grid-template-columns: [start] 5rem [main] 1fr [end];
	grid-template-rows: 50px;
	grid-auto-rows: 1fr;
	height: 100vh;
}
.header {
	position: relative;
	grid-column: start / end;
	-webkit-box-shadow: 0px 2px 5px 0px #000000;
	box-shadow: 0px 2px 5px 0px #000000;
}
.navigation-bar {
	padding-top: 1rem;
	position: relative;
	background: #ea5060;
}
.content {
	padding: 1rem;
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: max-content;
	gap: 10px;
	overflow: auto;
}