html,body {
	margin: 0;
}
.topnav {
	background-color: #333;
	overflow: hidden;
}
.topnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.topnav a:hover {
	background-color: :#ddd;
	color: black;
}
.topnav a.active {
	background-color: #4caf50;
	color: white;
}

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 200%;
	background-color: rgb(241, 236, 236);
	color: white;
	text-align: center;
}

.grid-container{
	display: grid;
	grid-template-columns: auto auto auto;
}

.grid-item {
	text-transform: capitalize;
	color: gold;
	text-shadow: 0px 0px black;
	font-weight: normal;
	text-align: center;
}

.grid-item:hover {
	background-color: rgb(243, 246, 247);
}

#paradiv {
	width: 28%;
	margin-left: 36%;
	background-color: #3b5998;
	color: white;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	padding: 1% 1%;
}

#para {
	text-align: justify;
	width: 300px;
}

h3 {
	text-align: center;

}

figure, figcation{
	text-align: center;
}

.container {
	padding-left: 10%;
	padding-right: 10%;
}

td {
	width: 150px;
}