body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  background-color: #333;	
  color: #ccc;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}
input {
  display: block;
}

#logo {
  font-size: 7px;
  font-weight: bold;
  color: #0cf;
}

body .content {
  padding: 20px 0px;
}

h1, h2, h3 {
  font-family: 'Goudy Bookletter 1911', serif;
  color: #eee;
}

a, a:visited {
  text-decoration: none;
  color: #0cf;
}

div.button {
  display: inline-block;
}
.button i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: -4px;
}

.firebaseui-container {
  background-color: #333;
}
.firebaseui-title, .firebaseui-input, .firebaseui-label {
  color: #ccc;
}
.mdl-shadow--2dp {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* 
 * Material icons
 * http://google.github.io/material-design-icons/
 */
/* Rules for sizing the icon. */
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-22 { font-size: 22px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }