body {
  margin: 2em auto;
  width: 1000px;
}
#login {
  margin: auto;
  width: 500px;
  border: 1px solid #26354a;
  background-color: #d3dce6;
  padding: 40px 0;
}
input {
  margin-bottom: 1em;
}
.input {
  margin-left: 100px;
  margin-right: 100px;
}
.input label {
  display: block;
  float: left;
  width: 100px;
  text-align: right;
}
.input input {
  margin-left: 10px;
  text-align: left;
}
#login_button {
  width: 100px;
  text-align: right;
}

#main {
  border: 1px solid #26354a;
  padding: 1em;
}
#nav {
  background-color: #d3dce6;
  padding: 1em;
}
.files {
  width: 100%;
}
.file_name {
  width: 50%;
  text-align: left;
}
.file_date {
  width: 40%;
  text-align: left;
}
.file_delete {
  width: 10%;
}
.files th {
  background-color: #183152;
  color: #fff;
}
.row0 {
  background-color: #ABC8E2;
}
.row1 {
  background-color: #E1E6FA;
}