.footer { position:relative  ;  bottom:0 ;width:100% ; text-align:center ; top:40px; height:6vh; background-color:#0066FF; color:white;padding: 5px;}
.footer_text{font-size:16px;}

 body {  font-family: Arial, Helvetica, sans-serif;  margin: 0;}

.navbar  {  overflow: hidden;  background-color: #0066FF; }

.navbar_title { overflow: hidden;  background-color:#0066FF;   padding: 10px 10px; }

#head_text {  font-weight: bold; font-size:40px; color:white;}

.navbar a {  float: left;  font-size: 16px; text-transform: capitalize;
  color: white;  text-align: center;  padding: 14px 16px;  text-decoration: none;}

.subnav {  float: left;  overflow: hidden;}
.subnav .subnavbtn {  font-size: 16px;  text-transform: capitalize;  border: none;  outline: none;  color: white;  padding: 14px 16px;  background-color: inherit;  font-family: inherit;  margin: 0;}

.navbar a:hover, .subnav:hover .subnavbtn {  background-color: lightblue;}

.subnav-content {display: none;  position: absolute;  left: 0;  background-color: lightblue;  width: 100%;  z-index: 1;}

.subnav-content a {  float: left;  color: darkblue;  text-decoration: none;}

.subnav-content a:hover {  background-color: #0066FF;  color: black;}
 
.subnav:hover .subnav-content {  display: block;}