body, html {
	margin: 0;
	padding: 0;
	font-family: Calibri;
	font-size: 2.2vh;
}

#Banner {
	width: 100%;
	background: none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
} #Banner img {
	display: block;
	width: 10%;
}

#Menu {
	width: 100%;
	height: 10vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(230, 230, 230);
}

.mItem {
	height: 6vh;
	display: flex;
	text-decoration: none;
	z-index: 1;
	align-items: center;
	justify-content: center;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	margin: 0 0.2vw;
	padding: 1.4vh;
} .mItem img {
	height: 6vh;
	display: block;
} .mItem:hover {
	margin: 0 2.1vw;
	transition-duration: 0.2s;
} .mItem::before {
	position: absolute;
	background: none;
	border: 2px dashed transparent;
	content: '';
	border-radius: 1211px;
	transition-duration: 0.2s;
	padding: 1.4vh;
	z-index: 1;
	animation: rotate 6s linear infinite;
	animation-play-state: paused;
	width: 6vh;
	height: 6vh;
} .mItem:hover::before {
	transition-duration: 0.2s;
	animation-play-state: running;
	border: 2px dashed #003333;
}
  
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#TipContainer {
	width: 100%;
	transition: background 0.2s ease-in-out;
	color: black;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 6vh;
	position: relative;
	bottom: 2.6vh;
	background: gold;
} #TipBox {
	transition: opacity 0.2s;
} #TBArrow {
	width: 2.6vh;
	height: 2.6vh;
	background: gold;
	transition: background 0.2s ease-in-out, margin 0.2s ease-out;
	transform: rotate(45deg);
	position: relative;
	z-index: 1;
	bottom: 1.3vh;
}