@import "https://fonts.googleapis.com/css?family=Raleway";
* { box-sizing: border-box; }
/*
body { 
  margin: 0; 
  padding: 0; 
  background: #333;
  font-family: Raleway; 
  text-transform: uppercase; 
  font-size: 11px; 
} 
*/
h1{ margin: 0; }
#loginDiv, #createProfile { 
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  margin: 4em auto;
  width: 100px; 
  height: auto; 
  line-height: 30px;
  background: teal;
  color: white;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  border: 1px solid white;
}

#loginDiv, #createProfileForm { 
  display: none;
  border: 6px solid salmon; 
  padding: 2em;
  width: auto;
  text-align: center;
  background: #fff;
  position: fixed;
  top:50%; /* May want to change the top & left for mobile*/
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%)  
}

#loginDiv input {
  margin: .8em auto;
  font-family: inherit; 
  text-transform: inherit; 
  font-size: inherit;
  
  display: block; 
  width: 280px; 
  padding: .5em;
}

/*
input, textarea { 
  margin: .8em auto;
  font-family: inherit; 
  text-transform: inherit; 
  font-size: inherit;
  
  display: block; 
  width: 280px; 
  padding: .4em;
}
textarea { height: 80px; resize: none; }
*/

.formBtn { 
  width: 140px;
  display: inline-block;
  
  background: teal;
  color: #fff;
  font-weight: 100;
  font-size: 1.2em;
  border: none;
  height: 30px;
}