a {
  text-decoration: none;
}
.right::-webkit-scrollbar {
	width: 6px;
}
.right::-webkit-scrollbar-button {
	display: none;
}
.right::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #7b7d80;
	transition: 1s;
}
.right::-webkit-scrollbar-track {
	background: #343a40;
}
.right::-webkit-scrollbar-thumb:hover {
	background: #666666;
}
body {
  color: rgb(41, 41, 41);
  margin: 0px;
  --maxWidth: 100vw;
  --maxHeight: 100vh;
}
div.root {
  width: var(--maxWidth);
  height: var(--maxHeight);
  background-color: rgb(110, 109, 109);
}
div.banner {
  text-align: center;
  position: absolute;
  margin: 0.5vw 0.5vw 0.5vw 0.5vw;
  width: 99vw;
  height: 5vh;
  background-color: rgb(83, 83, 83);
  border-radius: 1rem;
}
div.banner i {
  line-height: 4vh;
  font-size: 2.5vmin;
  color: rgb(201, 202, 202);
}
div.banner img {
  vertical-align: middle;
  border-radius: 0.2rem;
  width: 4vmin;
  height: 4vmin;
  transition: 0.5s;
}
div.banner img:hover {
  rotate: 360deg;
}
div.left {
  border-radius: 1rem;
  position: absolute;
  float: left;
  margin: calc(5vh + 1vw) 0.5vw 0.5vw 0.5vw;
  height: calc(95vh - 1.5vw);
  width: 10vw;
  background-color: rgb(83, 83, 83);
}
div.left > ul {
  margin-top: 5px;
  margin-left: 0.3vw;
  text-align: left;
  padding-left: 0px;
  list-style-type: none;
  font-size: 1.7vmin;
  margin-bottom: 0px;
}
div.left > ul > li {
  font-weight: bolder;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.left > ul > li > input {
  display: none;
}
div.left > ul > li > input + ul {
  display: none;
}
div.left > ul > li > input:checked + ul {
  display: block;
}
div.left > ul > li > ul {
  padding-left: 15px;
}
div.left > ul > li > ul > li {
  list-style: none;
  font-weight: lighter;
}
div.right {
  border-radius: 1rem 0.2rem 0.2rem 1rem;
  position: absolute;
  float: left;
  margin: calc(5vh + 1vw) 0.5vw 0.5vw 11vw;
  height: calc(95vh - 1.5vw);
  width: 88.5vw;
  background-color: rgb(83, 83, 83);
  overflow: auto;
}
div.right > input {
  display: none;
}
div.right > div {
  width: 100%;
  margin-top: 1.5vh;
  text-align: center;
}
div.right > div > span.title {
  font-size: 24px;
  font-weight: bold;
}
div.right > input ~ div {
  display: none;
}
div.right input:checked + div {
  display: block;
}