#theme-toggle {
		position: fixed;
		top: .125rem;
		left : 60px;
      font-family :wingdings;
      font-size: 1.5rem;
      border: none;
      cursor: pointer;
      background:transparent;
      transition: background-color 0.3s;
        }
#theme-toggle:hover {
      background:transparent;
		text-shadow: 1px 2px 20px #ffff00}




/* Define navbar menu */

ul.hnavbar1 {
    display: flex;
    justify-content: flex-start;
	list-style:none; 
   padding : 0 5dvw;
	margin-bottom:0;
	background: dodgerblue;
   box-shadow : 1px 1px 4px #000;
	position:relative;
	z-index:5; 
	
}
ul.hnavbar1 li{
	float:none;
	margin-right:.625rem;
	margin-bottom:.125rem;
	position:relative
}
ul.hnavbar1 a {
	display:block;
	padding:.3125rem;
	font-family :Hevetica,arial;
	font-size:clamp( 1rem ,1rem + .25dvw ,1.25rem);
	font-weight:normal;
	color:#fff;
	border:solid 1px #fff;
	text-decoration:none
}
ul.hnavbar1 a:hover{
    text-decoration:none;
	border:solid 1px
}
ul.hnavbar1 ul{
	list-style:none;
	position:absolute;
	left:-9999px
}
ul.hnavbar1 ul li{
	padding-top:0px;
	float:none;
	width:100%
}
ul.hnavbar1 ul a{
	white-space:nowrap
}
ul.hnavbar1 li:hover ul{
	left:0
}
ul.hnavbar1 li:hover a{
	background-color:#80c0ff;
	text-shadow:1px 1px 1px #000;
	text-decoration:none;
	box-shadow:4px 2px 4px #000
}
ul.hnavbar1 li:hover ul a{
	text-decoration:none
}
ul.hnavbar1 li:hover ul li a:hover{
	color:#fff;
	background:dodgerblue;
	box-shadow:4px 4px 8px #000
}
ul.hnavbar1 li ul,
ul.hnavbar1 li:hover ul li ul,
ul.hnavbar1 li:hover ul li ul li ul {
	position:absolute;
	display:none
}
ul.hnavbar1 li:hover ul{
	position:absolute;
	display:block;
	left:0;
	min-width:12rem;
	white-space:nowrap;
	z-index:5
}
ul.hnavbar1 li ul li:hover ul{
	display:block;
	position:absolute;
	top:0;
	left:100%;
	min-width:12rem;
	z-index:5
}
ul.hnavbar1 li ul li ul li:hover ul{
	display:block;
	position:absolute;
	top:0;
	left:100%;
	min-width:12rem;
	z-index:5
}