@font-face {
    font-family: Fabrikat;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/fabrikat-regular.woff2) format("woff2"),
        url(./fonts/fabrikat-regular.woff) format("woff"),
        url(./fonts/fabrikat-regular.ttf) format("truetype"),
        url(./fonts/fabrikat-regular.svg#Fabrikat) format("svg");
}

* {
  box-sizing: border-box;
}

body {
  padding: 0 5% 2.5%;
  font-family: "Fabrikat",sans-serif;
  font-size: 100%;
  background: #4d4f54;
  color:#fff;
}

* {
  margin: 0px;
  box-sizing: border-box;
}

.logo {
  text-align: center;
  margin-bottom: 24px;
}

main {
  padding: 32px 0px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th {
  text-align: left;
  font-size: 1.05em;
  padding: 5px 8px;
  background: #e41b11;
  color: white;
  text-transform:uppercase;
}

tr:hover {
  transition:background 0.3s;
  background: #000;
}

td {
  padding: 5px 8px;
  border-bottom: 1px solid #999;
}

.indexcolname {
  width: 60%;
}

.indexcollastmod {
  width: 30%;
}

.indexcolsize {
  width: 10%;
}

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

a:hover {
  transition:color 0.3s;
  color: #e41b11;
}

.breadcrumb {
  font-size: 1em;
  margin-bottom: 1em;
  width: 100%;
  text-align: center;
}

footer {
  font-size: 1em;
  text-align: center;
}