html,body{
	margin: 0;
}
/* Add a background color at the top of the vavigator */
.topnav
{
background-color:rgb(128, 226, 205);
overflow:hidden;	
}
/* style the links inside the navigation bar*/
.topnav a
{
	float: left;
	color: #ad5ba2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}
/* change the color of links on hover */
.topnav a:hover
{
	background-color:rgb(186, 158, 233);
	color: rgb(36, 216, 201);
}
/* Add a color to the  active current link*/
.topnav a.active
{
	background-color: #e896eb;
	color: white;
}
.footer
{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgb(166, 121, 189);
	color: rgb(28, 51, 126);
	text-align: center;
}

.grid-container
{
	display: grid;
	grid-template-columns: auto auto auto;
}
.grid-item
{
	border: 0px solid rgba(0,0,0,0,8);
	padding: 20px;
	text-align:left;
	color: rgb(236, 25, 113);
	text-align: justify;
}
#heading
{
	text-transform: capitalize;
	color: rgb(131, 51, 177);
	text-shadow: 2px 2px rgb(172, 153, 190);
	font-weight: normal;
	text-align: center;
	
}
.grid-item:hover
{
	background-color: rgb(243,246,247);
}
#paradiv
{
	width: 28%;
	margin-left: 36%;
	background-color: #983b79;
	color: white;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 1% 1%;
	height: 30%;
}
}
#para
{
	text-align: justify;
	width: 300%;
}
h3
{
	text-align: center;

}
figure,figcaption
{
	text-align: center;
}
.container
{
	padding-left: 10%
	padding-right:10%;
}
td
{
	width: 150px;
}