body {
	background-color: rgb(32,32,32);
	overflow-x: hidden;
	overflow-y: hidden;
}

a {
	text-decoration: none;
}

.narrative {
	font-family: "Lucida Console", monospace;
	color: white;
}

#titlecard {
	text-align: center;
	font-size: 6vh
}

#description {
	text-align: center;
	font-size: 2.1vh;
	margin: 0.8em 0.8em 0.8em 0.8em;
}

#descriptioncontainer {
	border: 0.1vh solid white;
	border-radius: 2vh;
	width: 96.5%;
	margin: auto;
}

@media (min-width: 2000px) {
	#titlecard {
		font-size: 7.1vh !important;
	}
	#description {
		font-size: 2.05vh !important;
	}
	#contact {
		top: -0.5vw !important;
	}
}

@media (max-width: 1300px) {
	#titlecard {
		font-size: 4.5vh !important;
	}
	#description {
		font-size: 2.23vh !important;
	}
	body { 
	overflow-y: hidden;
	}
	#icon1 {
		margin-left: 0.1vw !important;
	}	
}

#menutable td {
	border: 0.1vh solid white;
	border-radius: 2vh;
	width: 100px;
}

#icontable tr td .content { 
	aspect-ratio: 1 / 1 !important;
}

#menutable tr {
	height: 16.07vw;
}

#menutable {
	width: 96.5%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: seperate;
	border-spacing: 0px;
	table-layout: fixed;
}

#icontable {
	width: 7.5%;
	margin-left: auto;
	margin-right: auto;
}

#contact {
	text-align: center;
	position: relative;
	top: -1vw;
}

.label {
	font-family: "Lucida Console", monospace;
	color: white;
	text-align: center;
	position: relative;
	top: 0.65vw;
	font-size: 0.85vw;
}

#icon1 {
	width: 1.8vw;
	margin-left: 0.2vw;
	position: relative;
}

#icon2 {
	margin: auto;
	top: 1.9px;
	width: 2.0vw;
	position: relative;
}

#icon3 {
	top: 2px;
	width: 1.80vw;
	margin: auto;
	position: relative;
}

#menuimg1 {
	height: 12vw;
	width: 12vw;
	display: block;
	margin: auto;
	position: relative;
	top: 0.85vw;
}

#menuimg2 {
	height: 12vw;
	width: 12vw;
	display: block;
	margin: auto;
	position: relative;
	top: 1.3vw;
}