@charset "UTF-8";
body {
  font-family:'Chakra Petch',system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  line-height:1.4;
  margin:0;
  padding:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  color:#fff;
  background:#0a0a0a !important;
  text-rendering:optimizeLegibility;
}

.wrap { width:100%; max-width:1024px; margin:0 auto; padding:0 16px; box-sizing:border-box; }
main.wrap { flex:1; padding-top:24px; padding-bottom:48px; }

h1,h2,h3,h4,h5,h6,strong,th {
  color:#fff !important;
  font-weight:600;
}

h1 {
  font-size:2.2em;
  margin-top:0;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom:12px;
}

a {
  color:#fff;
  text-decoration:none;
}

a:hover {
  color:#b3b3b3;
  text-decoration:underline;
}

button,input,select,textarea {
  color:#fff;
  background:#121212;
  font-family:inherit;
  font-size:inherit;
  padding:10px;
  border:none;
  border-radius:6px;
  outline:none;
  transition:background-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background:#2b2b2b;
}

button:active,
input:active {
  transform:translateY(2px);
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor:not-allowed;
  opacity:.5;
}

code,kbd {
  background:#121212;
  color:#fff;
  padding:5px;
  border-radius:6px;
}

pre>code {
  display:block;
  padding:10px;
  overflow-x:auto;
}

table {
  border-collapse:collapse;
  width:100%;
  background:#0a0a0a;
  color:#fff;
}

td,th {
  padding:6px;
  text-align:left;
  color:#fff;
}

th {
  border-bottom:1px solid #2b2b2b;
}

tbody tr:nth-child(2n) {
  background:#121212;
}

hr {
  border:none;
  border-top:1px solid #2b2b2b;
}

/* autoindex theme bits */
#title {
  font-size:1.1em;
  margin:5px 0;
  color:#fff;
}

#title .stats {
  font-size:0.8em;
  float:right;
  margin:0 10px;
  color:#fff;
}

#listing {
  font-size:1.1em;
  color:#fff;
}

#listing h1 {
  font-size:1.1em;
  color:#fff;
}

.folderup {
  color:#FFCA28;
  font-size:1.4em;
  font-weight:bold;
}

/* selection */
::selection {
  background:#fff;
  color:#000;
}

::-moz-selection {
  background:#fff;
  color:#000;
}

/* scrollbar */
::-webkit-scrollbar {
  width:10px;
  height:10px;
}

::-webkit-scrollbar-track {
  background:#121212;
}

::-webkit-scrollbar-thumb {
  background:#2b2b2b;
}

::-webkit-scrollbar-thumb:hover {
  background:#3a3a3a;
}

@keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } }
.intro main.wrap { animation:fadeInUp .8s backwards; }

.site-foot, .site-foot a { line-height:normal; }