body {
  margin: 0;
  background-color: #242424;
  color: #fff;
  font-family: Arial, sans-serif;
  height: 100vh;
  overflow: hidden;
}

.topbar {
  background-color: #232323;
  padding: 10px 15px 17px;
  font-size: 15px;
  color: #fff;
}

.layout {
  display: flex;
  height: calc(100vh - 48px);
}

.sidebar {
  width: 55px;
  background-color: #232323;
}

.content {
  flex-grow: 1;
  background-color: #171717;
  border-top-left-radius: 20px;
  padding: 30px;
  margin-top: -10px;
}



.content p {
  font-size: 16px;
  color: #ccc;
}

.location {
    font-weight: bold;
    color:rgb(165, 165, 165);
}


.file-content {
    padding:15px;
}

.file-content a {
    text-decoration: none;
    color: white;
    padding:3px;
    padding-left:15px;
    padding-right:15px;
    display: block;
}
.file-content a:nth-child(odd) {
    background-color: rgba(59, 59, 59, 0.436);
}
.file-content a:nth-child(even) {
    background-color: rgba(44, 44, 44, 0.1);
}

.file-content a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}


.archive {
  color:#ffffff70;
}