:root{
  --dm-bg:#333;
  --dm-text:#eee;
  --dm-shadow:#444;
  --dm-field-bg:#dfdfdf;
  --dm-field-text:#525252;
  --dm-accent:#ffcc02;
  --dm-accent-text:#585858;
}

.dark-matter{
  max-width:1200px;
  margin:0 auto;
  padding:20px 30px;
  border-radius:5px;
  background:var(--dm-bg);
  color::#000000; 
  text-shadow:none;   
  
  color:var(--dm-text);*/
/*  font:14px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*  text-shadow:1px 1px 1px var(--dm-shadow);*/
       
}

.dark-matter h1{
  margin:-10px -30px 30px;
  padding:0 0 10px 40px;
  border-bottom:1px solid #444;
}
.dark-matter h1>span{display:block;font-size:11px}

.dark-matter label{display:block;margin:0 0 3px}

.dark-matter label>span{
  float:left;
  width:20%;
  margin-top:10px;
  padding-right:10px;
  text-align:right;
  font-weight:700;
}

.dark-matter input[type="text"],
.dark-matter input[type="email"],
.dark-matter input[type="password"],
.dark-matter select,
.dark-matter textarea{
  width:70%;
  margin:2px 6px 16px 0;
  padding:5px 0 5px 5px;
  border:0;
  border-radius:2px;
  outline:0;
  background:var(--dm-field-bg);
  color:var(--dm-field-text);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}

.dark-matter select{height:35px;appearance:none}
.dark-matter textarea{height:100px;padding-top:5px}

.dark-matter .button{
  border:0;
  border-radius:4px;
  padding:10px 25px;
  background:var(--dm-accent);
  color:var(--dm-accent-text);
  font-weight:700;
  text-shadow:none;   
/*  text-shadow:1px 1px 1px #ffe477;*/
  box-shadow:1px 1px 1px #3d3d3d;
  cursor:pointer;
}

.dark-matter .button:hover{background:#ebebeb;color:#333}