.PageTitle {
  all: initial;

  color: white;
  text-shadow: initial;
  padding: initial;
  font-size: 20px;
  font-weight: bold;
  text-align: initial;
  background: initial;
}

#StudyList {
  font-size: 20px;
}

.c-switch-check {
  display: none;
}

.c-switch-label {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  border-radius: calc(30px / 2);
  background: #cccccc;
  transition: background 200ms;
}

.c-switch-label::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(30px - 4px);
  height: calc(30px - 4px);
  border-radius: calc((30px - 4px) / 2);
  background: #ffffff;
  transform: translateX(0);
  transition: transform 200ms;
}

.c-switch-check:checked+.c-switch-label {
  background: #3dcc55;
}

.c-switch-check:checked+.c-switch-label::before {
  transform: translateX(calc((50px - 4px) - (30px - 4px)));
}

#sortable {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

#sortable li {
  margin:5px;
  padding:10px auto;
  font-size: 1.4em;
  height: 35px;
  border:1px solid;
  background:#ffefe0;
}