<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 12;
  overflow: hidden;
  background-color: #cacfd2;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}

<style>
body {
  margin: 80;
  font-family: Arial, Helvetica, sans-serif;
}
 #nav-bar img{
        height: 100%;
    }
	.center {
            width: 200px;
            background-color: #1087e3;
        }
 
 
.topnav {
 position: sticky;
  top: 0;
  overflow: hidden;
  background-color: #a2b4c2;
}

.topnav a {
  float: left;
  color: #e7faf4;
  background-color: #04969b;
  text-align: center;
  padding: 2px 12px;
  text-decoration: none;
  font-size: 20px;
}

.topnav a:hover {
  background-color: #ddd;
  color: white;
}

/* Create a right-aligned (split) link inside the navigation bar */
.topnav a.split {
  float: right;
  background-color: #;
  color: white;
  font-size: 20px;
}
</style>
<script src="https://www.blueletterbible.org/assets-v3/scripts/blbToolTip/BLB_ScriptTagger-min.js" type="text/javascript"></script>

<script type="text/javascript">
// Additional settings

BLB.Tagger.Translation = 'NIV';

BLB.Tagger.HyperLinks = 'all'; // 'all', 'none', 'hover'

BLB.Tagger.HideTanslationAbbrev = false;

BLB.Tagger.TargetNewWindow = true;

BLB.Tagger.Style = 'par'; // 'line' or 'par'

BLB.Tagger.NoSearchTagNames = 'cite'; // HTML element list

BLB.Tagger.NoSearchClassNames = 'noTag doNotTag'; // CSS class list

</script>	

<style>
      /* unvisited link */
      a:link {
        color: red;
      }
</style>

<style type="text/css">
.custom {
 font-family: Georgia;
 color: red;
 font-size:32px;
 text-align: center;
 }
</style>