body {
	background-color: #004182;
}

.header {
	padding-top: 1%;
	display: flex;
	justify-content: center;
}

.container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image {
	position: fixed;
	bottom:-19px;
}

iframe {
	opacity: 0.1 !important;
	filter: sepia(100%) saturate(400%) brightness(70%) hue-rotate(165deg);
	transition: ease-in-out 0.5s;
}

iframe:hover {
	opacity: 1 !important;
	filter: sepia(100%) saturate(400%) brightness(70%) hue-rotate(165deg);
}

.gtext {
	position: fixed;
	/* Vertical Text */
	/* top: 0; */
	/* right: 0; */
	/* height: 100%; */
	/* writing-mode: vertical-rl; */
	/* -webkit-transform: rotate(180deg); */
	/* Horizontal Text */
	left: 0;
	bottom: 1%;
	width: 100%;

	font-size: 48pt;
	font-family: Courier;
	overflow: hidden;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	opacity: 0.8;
	color: #fff;
}