* {
}

body
{
	background-size			: auto 100%;	
}

h1 {
	font-size		: 2.25em;
}

h2 {
	font-size		: 2em;
	border-bottom	: 2px solid #F00;
}

h3
{
	font-size		: 2.75em;
}

p {
	font-size		: 2em;
}

#main {
	width 				: 100%;
	height				: 100%;
}

#header {
	height				: 6em;
	position			: fixed;
	padding 			: 1em 0;
	text-align 			: left;
	width				: 100%;
}

#header p {
	text-align			: right;
	font-size			: 1em;
	margin				: 0	1em auto 1em;
	
}

#info{
	width				: calc(100% - 3em);
	margin-top			: 8em;
	padding-bottom		: 10em;
}

#infotable {
	height				: calc(100% - 2em);
	display 			: block;

	width 				: 100%;
	text-align			: center;
/*	flex-wrap			: wrap;
	align-items			: baseline;
	align-content		: space-around;
	gap					: 2em;
	justify-content		: center;*/
}



#infotable table.infotable {
	width				: calc(100%-2em);
	margin				: 1em;
}

#infotable table.infotable > tbody > tr td {
	padding 	: .5em;
}

.infotable {
	border-left			: 2px solid #700;
	border-right		: 2px solid #700;
	border-bottom		: 2px solid #700;
}

#infotable th, #infotable td{
	vertical-align	: middle;
}

.box {
	width				: calc(100%);
	background-color	: rgba(150,0,0,0.5);
	margin				: 1.5em 1.5em 3em 1.5em;
}

td.left {
	width				: auto;
	text-align			: left;
}

td.right {
	width				: 40%;
	text-align			: right;
}

td.center {
	text-align			: center;
}

.cam_image {
	border-radius		: .25em;
	object-fit			: cover;
}


/* NAVIGATION */

#navi
{
	position			: fixed;
	bottom				: 0em;
	width				: 100%;
	/*background			: #000;*/
	padding				: 0 0em 0 0em;

/*	box-shadow			: 0 0 1em #000;*/
}

#navi-index
{
	display				: flex;
	justify-content		: space-between;
	flex-grow			: 1;
	align-items			: stretch;
	align-content		: stretch;
	border-radius		: 1em 1em 0 0;
}

.nav-point
{
	height				: 5em;
	width				: calc(100%);
	font-weight			: 700;
	text-align			: center;
	font-size			: 2em;
	border-radius		: .5em .5em 0 0;
	transition			: .5s ease-in background-color color;
	text-transform		: uppercase;

	color				: #300;
	box-shadow			: 0 0 .25em #000;
	background			: radial-gradient(farthest-side at 200% -100%, rgba(0,0,0,0.9), rgba(200,0,0,0.9));

	margin-bottom		: 0em;
	vertical-align		: top;
	transition			: .5s background;
}

.nav-point:active,
.nav-point:hover,
.nav-point-active
{
	z-index				: +1;
	background			: radial-gradient(farthest-side at 200% -100%, rgba(0,0,0,0.9), rgba(0,200,0,0.9));
	color				: #050;
	text-shadow			: 0 0 .125em #0F0;
	border-top			: 1px solid #090;
	transition			: .5s background;
}

li a {
	font-size			: 2em;
	font-weight			: 600;
}