body
{
  font-family: monospace;
  background-color: #383C4A;
  color:#E0B0FF;
}

div#login{
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  background-color:#383C4A;
  text-decoration: none;
}

div#login form {
  width: 200px;
  margin: 0 auto;
  padding-left: 15%;
  padding-right: 15%;
}

div#login input[type=text], input[type=password]{
  background-color: #383C4A;
  color: white;
  border: 1px solid #E0B0FF;
}

div#upload form {
  padding-right: 15%;
}

.workflow{
  margin-top: 1em;
  padding: 0.5em;
  width: 25em;
  border: 3px solid #E0B0FF;
  background-color:#383C4A;
  text-decoration: none;
}


div#buttons{
  position: fixed;
  top: 0.5em;
  right: 0.5em;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

div#buttons .logout input{
  border: none;
  background: #E0B0FF;
  text-decoration: none;
  margin: 1px;
}

div#buttons .distribusi input{
  border: none;
  background: #fff600;
  text-decoration: none;
  margin: 1px;
}

fieldset.required {
  border: none;
}

.button input {
  border: none;
  background: #E0B0FF;
  text-decoration: none;
  margin: 1px;
}

.button input:hover {
  background: #60337F;
}

/* unvisited link */
a:link {
 color: red;
}

/* visited link */
a:visited {
 color: #fff600;
}

/* mouse over link */
a:hover {
 color: #60337F;
}

/* selected link */
a:active {
 color: white;
}