/* ACTIVITY 1 */

.highlighted-text {
  background-color: rgba(6, 82, 125, 0.15);
}

.removeBtn, .addBtn {
  color: #FFF;
  font-size: 18px;
  text-decoration: none;
  float: right;
}

.removeBtn:hover, .removeBtn:active, .removeBtn:focus, .removeBtn:visited {
  color: #FFF;
}

.collapse-btn {
  text-decoration: none;
}

.collapse-btn:hover, .collapse-btn:active, .collapse-btn:focus, .collapse-btn:visited {
  text-decoration: underline;
  color: #FFF;
}

.myComment {
  padding: 5px;
  font-size: 16px;
  width: 100%;
}

/* ACTIVITY 2 */

.activity-intro ol li {
  font-size: 20px;
}

.element {
  background-color: #e2e2e2;
  padding: 5px 7px;
  font-size: 16px;
  margin-bottom: 5px;
  cursor: pointer;
}

button.btn-pen {
  display:none;
}


@media (max-width: 768px ) {
  #myNotes2 {
    margin-top: 20px;
  }
}