body {
background-color:black;
color: lightgreen;
font-family:sans-serif;
margin:0;
overflow:hidden;
padding:0
}
h2 {
    margin-top: 0px;
}
h3 {
    margin-bottom: 2px;
}
.fig {
    padding-left: 10px;
}
.navbar {
background-color:var(--bg-light);
overflow:hidden;
width:100%
}
.navbar a {
align-content:center;
color:lightgreen;
float:left;
font-size:17px;
height:34px;
overflow:hidden;
padding:0;
text-align:center;
text-decoration:none;
width:20%
}
.navbar a.active {
background-color:black;
color:lightgreen
}
@media screen and (max-width: 520px) {
.navbar a {
display:block;
float:none;
text-align:left;
width:100%
}
.fig {
    font-size: 10px;
}
}
#container {
display:flex;
gap:2rem;
padding:0rem;
}
.dropdown {
float:right;
overflow:hidden
}
.dropdown .dropbtn {
background-color:inherit;
border:none;
color:lightgreen;
font-family:inherit;
font-size:16px;
height:34px;
margin:0;
outline:none;
width:40px
}
.navbar a:hover,.dropdown:hover .dropbtn {
background-color:darkolivegreen
}
.dropdown-content {
background-color:black;
box-shadow:0 8px 16px 0 lightgreen;
display:none;
position:absolute;
right:0px;
width:100px;
z-index:1
}
.dropdown-content a {
background-color:var(--bg-light);
color:lightgreen;
display:block;
float:left;
padding-right:6px;
text-align:center;
text-decoration:none;
width:100%
}
.dropdown-content a:hover {
background-color:darkolivegreen;
border-width:1px
}
.dropdown:hover .dropdown-content {
display:block
}
#about {
background:darkgreen;
border-radius:.5rem;
color:lightgreen;
font-family:monospace;
margin:15px;
padding:1rem;
}