body {margin:0;}
header {
font-family:arial;
background-color:#000;
color:#fff;
box-shadow:0 0 1px #2e2e2e,
0 0 1px #2e2e2e,
0 0 1px #2e2e2e,
0 0 1px #2e2e2e;
}
#header {
font-size:30px;
font-weight:bold;
padding:6px;
text-align:center;
}

.navdrop {

}

#navigation {
border-top:1px solid #fff;
margin:0 6px;
padding:0.3%;
display:flex;
align-items:center;
gap:1%;
}

.ndt {
font-size:24px;
}
nav {
display:none;
position:absolute;
border-top:1px solid #fff;
background-color:#000;
color:#f2f2f2;
left:0;
right:0;
padding:6px;
height:150px;
font-size:1.3rem;
}

.nwrap {
display:flex;
gap:3%;
flex-wrap:wrap;
}
nav a {
background-color:#2e2e2e;
color:#f2f2f2;
padding:4px;
margin:4px 0;
display:block;
text-decoration:none;
}
nav li {
list-style:none;
}
nav h3 {margin:0;}

.navdrop:hover nav {
display:block;
}

#breadcrumbs {
width:800px;
margin:0 auto;
padding:1%;
color:#2e2e2e;
}
#breadcrumbs a {
color:#000;
}