* {margin:0; padding:0;}

html, body {
  width:100%;
  height:100%;
}

#overlay {
  width:100%;
  height:100%;
  position:relative;
  top:0;
  left:0;
  background:#212121;
  margin:0;
  padding:0;
}

#overlay h1 {
  color:white;
  margin:0;
  font-family: 'Sansita One', cursive;
  font-weight: bold;
  padding:180px 20px 10px 20px;
  font-size:3em;
}
#overlay h6 {
  color:white;
  margin:0;
  /*font-family: 'Alegreya', serif;*/
  font-family: 'Atma', cursive;
  font-weight: bold;
  padding:10px 20px 10px 23px;
  letter-spacing: 1px;
}

#nameinput {
  padding:0 20px;
}

#namefield {
  height:50px;
}

#namefield:focus {
  outline:none;
  box-shadow: none;
  border:1px solid #ccc
}

#container {
  width:100%;
  height:100%;
  position:relative;
  top:0;
  left:0;
  display:none;
}

#container p {
  font-family: 'Atma', cursive;
  letter-spacing: 2px;
  font-size: 1.15em;
  padding:10px 20px 10px 23px;

}

#welcome {
  color:#212121;
  margin:0;
  font-family: 'Sansita One', cursive;
  font-weight: bold;
  padding:80px 20px 10px 23px;
  letter-spacing: 1px;
}

#username {
  text-transform: capitalize;
}

#messageHolder {
  width:100%;
  height: 180px;
}
#blurbox {
  width:100%;
  height:20px;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 10px 10px rgba(255,255,255,0.8);
  position: absolute;
}

#messageDiv {
  padding: 20px 50px 0px 23px;
  height:180px;
  overflow-y: auto;
}
.chat {
  margin:25px 0;
}
.chat h4 {
  font-family: 'Sansita One', cursive;
  font-size:0.8em;
  margin:0;
}

.chat p {
  padding:0 !important;
  font-size: 1em !important;
}

#message {
  width:70%;
  height:35px;
  padding:15px;
  font-size:11px;
  float: left;
  margin-right:0;
  box-shadow: none;
}

#sendBtn {
  float: left;
  width: 30%;
  height: 35px;
}

#chatbox {
  position:absolute;
  bottom:0;

}