body { background-color: #777; }
.repo-link { margin: 20px; border-width: 3px; border-style: inset; list-style: none; }
.repo-link:hover { background-color: #999; }
.repo-list { display: flex; flex-wrap: wrap; flex-direction: row; }
.single-repo-container { display: flex; justify-content: center; }
.single-repo { display: flex; flex-direction: column; margin: 20px; list-style-type: none; }
.single-repo.files { background-color: #f00; }
.directory-tree { min-height: 0; flex: 1; list-style-type: none; }
.file-contents { overflow-y: auto; height: 50%; }
.toolbar { flex: 1; min-height: 0; display: flex; width: 100%; flex-direction: row; }
.commits { flex-basis: 33%; }
.branches { list-style: none; height: 3em; }
.selected-branch { background-color: #999; }
.branch:hover { background-color: #999; }