* {
  font-family: 'Mako', sans-serif;
}

#login {
  background: #A39D98;
}

#login > div {
  width: 300px;
  margin: auto;
  padding: 10px 30px;
  background: #918C87;
  color: #F2EFED;
}

#screen {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}

div.space {
  background: #E3D9D0;
}

div.space > div {
  background: #F0ECE8;
  width: 360px;
  margin: auto;
  height: 100%;
}

div.top-space {
  height: 100px;
}

div.bottom-space {
  height: 100%;
}

#username-field > label,
#password-field > label {
  display: block;
  font-size: 10pt;
  font-weight: bold;
}

input[type='text'], input[type='password'] {
  margin: 0;
  border-radius: 2px;
  border: none;
  background: white;
  padding: 5px;
  width: 290px;
  font-size: 14pt;
}

input[type='checkbox'] {
  margin: 0;
}

#signin-field {
  text-align: right;
}

input[type='submit'] {
  border: none;
  border-radius: 2px;
  padding: 3px 5px;
  font-weight: bold;
  font-size: 12pt;
}