.tree, .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tree li { padding: 10px; display: inline-block; }

/* (B1) TOGGLE SHOW/HIDE */
.section ul { display: none; margin-left: 20px; padding: 10px; }
.section input:checked ~ ul { display: inline-block; }

/* (B2) HIDE CHECKBOX */
.section input[type=checkbox] { display: none; }

.section label:after {
  content: url(ikons/unfold.png) " fold down";
  position: relative;
  top: 5px;
  padding: 10px;
  font-size: 12px;
  color: black;
}

.section input:checked ~ label:after {
  content: url(ikons/foldup.png) " fold up";
}

.hypest label:after {
  content: " ";
  position: relative;
  top: 0px;
  font-size: 15px;
}

.hypest input:checked ~ label:after {
  content: "Close Popup";
}

.games {font-size: 15px; }
.games li { display: block; }

.section img { float: left; margin-right: 10px; }

pre {display: inline-block; font-size: 16px; }