body 
{
  padding: 30px;
  background-color: #252525;
  color: #ababab;
  font-family: 'Quicksand', sans-serif;
  font-size: 100%;
  font-weight: 400;
}

a:link, a:visited, a:active { color: #000; font-weight: 500; }
a:hover { color: #269e26; }
.button:link, .button:visited, .button:active { text-decoration: none; text-decoraton-style: none }

label { display: block; }

form 
{
  padding-right: 20px;
  width: 100%;
}
  

input
{
  display: block; 
  margin-bottom: 20px;
  padding: 15px;
  font-size: 1.4em;
  border-radius: 9px 9px 9px 9px;
  border: 1px solid #666;
  padding: 15px 25px 15px 25px;
  color: #666;
  width: 100%;
}

/* webkit autofills with a horrible jaundice without this */
:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus
{
  -webkit-text-fill-color: #666;
  -webkit-box-shadow: 0 0 0px 1000px #eee inset;
  transition: background-color 5000s ease-in-out 0s;
}

/*
input:invalid[type=email] { background-color: #ffe5e5; }
input:valid[type=email] { background-color: #cfffcf; }
input:valid[type=submit] { color: black; }
*/
input:valid[type=submit] { background-color: #475e5f; color: #b7b7b7; }
input:valid[type=submit]:hover { background-color: #5ba4a2; color: #eae8e8; }


.button
{
  color: #222;
  background-color: #eee;
  border-radius: 15px;
  width: 10em;
  margin: 10px;
  padding: 5px;
  font-size: 1em;
  text-align: center;
  text-decoration:none;
}

.header
{
  margin: 0 0 30px 0;
  font-size: 3.1em;
}

.motd
{
  display: inline-block;
  margin: 0 0 30px 0;
  font-size: 1.5em; 
  color: #666;
  background-color: #eee;
  border-radius: 15px;
  padding: 10px 90px 10px 90px;
}

.center
{
}


.user_auth_form
{
  margin-left: auto;
  margin-right: auto;
  max-width: 25em;
  font-size: 0.9em;
}

.footer
{
  margin-top: 50px;
  font-size: 1.4em;
}