gfg {
    bottom :300px; 
    overflow: scroll;
} 
h2,h3 {
    color: #aa7e04; 
    font-size: large;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
    font-style: italic;
  
} 
h1{
    color:black; 
    font-size: larger;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
    font-style: italic;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; 
  background-attachment:scroll;
  overflow: scroll; 
}

.topnav {
  overflow: hidden;
  background-color: #333;
  font-size: medium;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-style: italic;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px; 
  font-style: italic;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color:black;
  color: white;
}  
img-container-inline {
  text-align:left;
  width: 400px; 
} 
footer {
  text-align:left;
  padding: 3px;
  background-color:black;
  color: white;
}
p{
  text-shadow: #333; 
  text-size-adjust:33%; 
  text-emphasis-color: #445566;
  font-size: medium;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-style: italic;
  font-variant: normal;
} 
p:hover{
  background-color: aquamarine;
} 
.container {
  position: relative;
  text-align: center;
  color: white;
}
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: medium;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.sbtn{
    width: 10em;
height: 5ex;
background-color: gold;
border: 2px solid firebrick;
border-radius: 10px;
font-weight: bold;
color: black;
cursor: pointer;
}
.sbtn:hover{
    background-color: aqua;
}