html,body{
	margin: 0;
}

nav{
    background-color:black;
    text-align:left;
    padding: 8px;
}
nav li {
    display: inline-block;
    margin: 0 6px;
    padding-top: 0px;
}
nav li a{
    color: white;
    padding:15px;
    text-decoration: none;
    front-family: arial;
    font-size:25px;
}

nav li a:hover{
    background-color:#fff2cc;

}
nav li a:active{
    background-color:#ffcc00;

}

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

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

.grid-item
{
border-style: double;
border:2px solid rgba(0,0,6,0);
text-align:justify;
color:white;
padding:10px;
text-align:center;
}

#heading{
	color:gold;
	text-shadow: 2px 2px black;
	text-align:center;
	text-transform:uppercase;
}

#paradiv{
	width:50%;
	margin-left:23%;
	background-color:#3b5998;
	color:white;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	padding: 1% 1%;


}

.tb{
  font-size: 20px;
  font-weight: bolder;
  width:500px;
	height:400px
  color:#000000;
}

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#para{
	text-align:left;
	}

h3{
	text-align: center;
}

figure,figcaption{
	text-align: center;
}

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