@import"https://fonts.googleapis.com/css2?family=Iosevka+Charon+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";

html {
    font-family:"Iosevka Charon Mono", monospace;
    background-color:#222222;
    color:white;
}

h1.topnav {
    margin:0 0 5px 0;
    font-size:44px;
}

a.topnav.header {
    text-decoration: none;
}

a.topnav.header:visited {
    color:white
}

hr.topnav {
    border:2px solid white
}

a.topnav:not(.header) {
  color: white;
  padding: 5px 10px 5px 10px;
  display: block;
  background-color: #434343;
  border-radius: 0px 0px 20px 20px;
  border: 3px solid white;
  border-top: none;
  font-size: 26px;
  text-decoration: none;
  width: 150px;
  text-align:center;
  font-weight:bold;
}

a.topnav.selected {
    color: #434343;
    background-color: white;
}

nav.topnav {
  display: flex;
  flex-wrap: wrap-reverse;
  align-content: flex-end;
  list-style: none;
  gap: 3px;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  border-top: 3px solid white;
}

.flex-container {
    display:flex;
}

.flex-item {
    flex:1;
    text-align:center;
}

p {
    margin:0px;
}

a:link {
    color:#40B9FF;
}
a:visited{
    color:#40B9FF;
}

.sourceheader {
    margin:20px 0 5px 0;
}