@import ur[](https://fonts.googleapis.com/css?family=Lato:300);

h1.klee {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
}
h1.cedar  {
  font-family: "Cedarville Cursive", cursive;
  font-weight: 400;
  font-style: normal;
}
h1.lobster {
  font-family: "Lobster", sans-serif;
  font-weight: 200;
  font-style: normal;
}

h1 { font-family: "LXGW WenKai Mono TC", monospace;
  font-weight: 400;
  font-style: normal;
}

body {
  margin: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 200;
  line-height: 1.6;
  color: #000000;
  
  /* Responsive base font size */
  font-size: clamp(15px, 2.8vw, 18px);
}

@media (min-width: 1200px) {
  body {
    background-image: url(bg.jpg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}

#div_container {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#div_list {
  padding: 20px 25px 40px 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  color:#000000;
}

#div_list .active {
  color: #E05000;
}

tt {
  font-size: clamp(15px, 3.2vw, 22px);
}

#span_cuv {

max-width:750px;
  display: block;
  margin: 10px 0px 20px 0px;
  padding: 0 0 0 10px;
  border-left: 1px solid #F0A990;
  color: #000000;
}

.v_sup {
	font-size:0.6em;
	font-family:Georgia;
  vertical-align: super;
  color: #666666;
  margin-right: 3px;
}

/* List styles */
ol, ul {
  list-style-type: none;
  margin: 0;
  margin-left: -7px;
  padding-inline-start: 0.1em;
  list-style-position: inside;
}

li {
  display: table-row;
  width: 100%;
}

ol > li:before, 
ul > li:before {
  content: " — ";
  width: 35px;
  display: table-cell;
  font-family: Arial, sans-serif;
  font-size: clamp(1.05em, 1.15em, 1.3em);
  color: #F09060;
}

.exp, .coll, .inc {
  cursor: pointer;
}

.coll:after,
.exp:after {
  font-size: clamp(15px, 3vw, 20px);
  font-family: Arial;
  margin-left: 6px;
  color: #F09060;
}
.num {font-family:Georgia;font-weight:100}
small , .sml {font-size:0.8em}
.exp:after {
  content: " v ";
}

.coll:after {
  content: " < ";
}

div.divider{width:50%;height:5px;}