body {
    height: 125vh;
      font-family:"Didot", serif;
}

img {
    max-height:100%;
  margin-left: auto;
  margin-right: auto;
}
.right {
   border-right: 3px solid black;
}
.center {
  text-align: center;
}
.div1
{
  background-image: url("https://i.imgur.com/ZlbFRQ5.jpg"); 
}
.topnav {
  overflow: hidden;
  background-color: white;
  background-image: url("https://i.imgur.com/ZlbFRQ5.jpg");
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  font-weight: bold;
}

.topnav a {
  background-color: white;
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  border-left: 3px solid black;
}
.topnav a:hover {
  background-image: url("https://i.imgur.com/ZlbFRQ5.jpg"); 
  color: #F4D8CD;
}
.container
{
  border: 8px double black;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #F4D8CD;
}
.container {
margin: auto;
  width: 60%;
}
#footerPara
{
  color: black;
	
}
footer  
{
  color: black;
  text-align: center;
  font-size: 19px;
}
a:link {
  color: black;
}

a:visited {
  color: black;
}

a:hover {
  color: #887872;
}
ul {
  font-size: 19px;
}
#footerButton:hover
{
  background: url("https://i.imgur.com/68SZWRZ.png") no-repeat;
}
  .card {
        position: relative;
        display: inline-block;
    		
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
      	
      	
    }
    .card:hover .img-top {
        display: inline;
		}