.login {
  color: #ccc;
  float: right;
  clear: right;
  padding: 0 20px 10px 0;
}

p#register {
  float: left;
  clear: left;
  margin: 0 0 10px 0;
}

.login p a:link, a:visited {
  text-decoration: none;
  color: #ccc;
}

.login p a:hover {
  color: #999;
}

.login p a {
  display: block;
}

#login-signup {
  margin: 40px auto 80px auto;
  width: 300px;
}

.form {
  position: relative;
}

.field {
  height: 35px;
  border-radius: 5px;
  padding: 4px;
  margin: 4px;
  width: 100%;
}

.field input {
  width: 100%;
  color: #ccc;
  background-color: #111;
  border: 3px solid #aaa;
  box-sizing: border-box;
  display: block;
  height: 25px;
}

#login-button {
  float: right;
  clear: right;
  margin: 0 0 10px 0;
  padding: 5px;
  width: 100px;
  color: white;
  background-color: #8b0000;
  border: none;
}

#signup-button {
  float: right;
  clear: right;
  padding: 5px;
  width: 100px;
  color: white;
  background-color: #8b0000;
  border: none;
}

#login-login {
  background-color: #111;
  margin: auto;
  width: 250px;
  padding: 20px;
}

.login-logged-in {
  margin: 2em 2em;
}