html,
body {
  height: 100%;
  font-family: 'Oswald', sans-serif;
}

body {
  justify-content: center;
}

.chatmessage{
  border:1px solid #656;
  border-radius:5px;
  padding:2px;
  margin:2px;
}

.maincontainer {
  border:1px solid #ddd;
  border-radius:5px;
  max-width:600px;
  padding: 15px;
  margin: 0 auto;
}
.maincontainer .checkbox {
  font-weight: 400;
}
.maincontainer .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.maincontainer .form-control:focus {
  z-index: 2;
}
.maincontainer input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.maincontainer input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.questionbox{
  padding:10px;
}
.questionbox p{
  margin: 0px !important;
}


.categorylist{
  margin-left:calc(50% - 200px);
  width:400px;
  background:#def;
  border-radius:8px;
  text-align: left;
  padding:10px;
  margin-top:10px;
}
.categorylist h3{
  font-size:1.3em;
}