#taskswrapper {
  width: 50%;
  /* min-height: 300px; */
  /* height: auto; */
  border: 0px solid magenta;
  /* text-align: center; */
}


.centered {
  position: fixed;
  /* top: 50%; */
  left: 25%;
  /* transform: translate(-50%); */
  /* transform: translate(-50%, -50%); */
}


#usersection {
  width: 95%;
  height: 100px;
  float: left;
  margin-left: 20%;
}

#alltasks {
  width: 25%;
  float: left;
  margin-left: 20%;
}

#allowed {
  width: 25%;
  float: left;
}


#taskselector {
  vertical-align: middle;
  width: 120px;
  float: left;
  margin-top: 5%;
  border: 0px solid magenta;
  text-align: center;
}

/* #deniedtasks {
  max-width: 25%;
  float: left;
}

#allowedtasks {
  max-width: 25%;
  float: left;
} */

#errorbox {
  color: red;
}