:root {
  --main-bg-color: #000020;
  --main-fg-color: white;
  --link-color: white;
  --code-bg-color: #000040;
  --code-fg-color: white;
}

body {
   background-color: var(--main-bg-color);
   color: var(--main-fg-color);
   font-family: "Libertinus Sans", sans;
   font-size: 2.5vh;
   line-height: 1.6;
}

#wrapper {
   padding-left: 2vw;
   padding-right: 2vw;
}

.box {
   border: 2px solid var(--main-fg-color);
   margin: auto;
   margin-bottom: 1.8vh;
}

#navbar {
   overflow: hidden;
   width: 100%;
}

.navcell {
   width: 10vw;
   text-align: center;
}

#navbox {
   overflow: hidden;
   width: 100%;
}

table td + td {
   border-left: 2px solid var(--main-fg-color);
}

td {
   vertical-align: top;
   text-align: left;
   padding: 0.5rem;
}

#tags {
   width: 30%;
}

#post_list {
   overflow: hidden;
}

#postbox {
   padding: 1rem;
}

a {
   color: var(--link-color);
   font-weight: bold;
   padding-left: 0.2rem;
   padding-right: 0.2rem;
}

.selected {
   background-color: var(--link-color);
   color: var(--main-bg-color);
}

.selected > a {
    color: var(--main-bg-color);
}

#post-title-area {
   border-bottom: 2px solid var(--main-fg-color);
   padding-bottom: 0.75rem;
   margin-bottom: 0.5rem;
}

#post-title {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
}

#post_list_ul {
   overflow: scroll;
   max-height: 14vh;
}

#univtitle {
   font-size: 5vw;
   margin-bottom: 0;
   margin-top: 1rem;
   float: left;
}

#logo {
   float: right;
   width: 10vw;
   height: 10vw;
   margin-bottom: 1rem;
}

.inline-img {
   max-width: 90%;
   max-height: 70vh;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1rem;
   margin-bottom: 1rem;
   display: block;
   border: 1px solid var(--main-fg-color);
}

#foot {
   text-align: center;
   margin: auto;
}

.inline-frame {
   max-width: 90%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0.5vh;
   margin-bottom: 0.5vh;
   display: block;
   border: 1px solid var(--main-fg-color);
}

.tag-link {
   display: inline;
   margin-right: 0.2em;
}

code {
   background-color: var(--code-bg-color);
   color: var(--code-fg-color);
}

pre > code {
   display: block;
   padding: 0.3vh;
   margin-left: 1.2vh;
   margin-right: 1.2vh;
   overflow-x: scroll;
}

#not-found {
   text-align: center;
}

#colors {
   padding: 0.5rem;
}

details {
   display: block;
   margin-bottom: 0.5rem;
}


li {
   margin-left: 1rem;
   margin-bottom: 0.5rem;
}

#directory-box {
   margin-top: 0.5rem;
   margin-left: 1.5rem;
}

#story-note-area {
   text-align: center;
}