body{
  background-color:black;
  color:white;
}
a {
  color: purple;
}
#frame {
    display: flex;
    flex-direction: column;
}
nav {
    stretch: true;
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: left;
    gap: 10px;
}
.header-element {
    background-color: black;
}
.page-element {
    margin-bottom: 10px;
    border-radius: 5px;
}
#top {
    display: flex;
    flex-direction: column;
}
#top h1, #top h2 {
    margin-top: 5px;
    margin-bottom: 0px;
}
#tags {
    display: flex;
    flex-direction: row;
}
.tag {
    border-radius: 5px;
    padding: 1px;
    margin-right: 10px;
    background-color: gray;
}
#main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#main p, #main h2 {
    border-radius: 5px;
}
.chapter {
    display: flex;
    flex-direction: column;
}
.chapter * {
    margin: 5px
}