::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@font-face {
  font-family: Iansui;
  src: url(../Iansui0.91-Regular.ttf);
}

* {
  font-family: Iansui;
}

body {
  background-color: #83919f;
  font-family: Iansui;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

a:hover {
  color: #343a40;
}

#page2 {
  display: none;
}

.page {
  overflow-y: auto;
}

#classList {
  padding-bottom: 100px;
}

.classBlock {
  overflow-x: auto;
  scrollbar-width: none;
}

.classBlock::-webkit-scrollbar {
  display: none;
}

.classCode {
  text-align: right;
  margin-top: -1.5em;
}

hr.style-one {
  height: 1px;
  background: #333;
  background-image: -webkit-gradient(linear, left top, right top, from(#333), color-stop(#ccc), to(#333));
  background-image: linear-gradient(to right, #333, #ccc, #333);
}

#footer {
  position: fixed;
  bottom: 10px;
  width: 100%;
  height: 10px;
  z-index: 99;
  opacity: 0.6;
}

#adArea {
  background-color: #343a40;
  color: aliceblue;
}

#footer > span {
  font-size: medium;
  margin-left: -2em;
  color: #343a40;
}

.floatingBtn {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  opacity: 0.9;
  background-color: #e8e9eb !important;
  color: #101412 !important;
  font-weight: bolder !important;
  border-radius: 50px;
  text-align: center;
  -webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 3px #999;
  z-index: 99;
}

.btn-reinit {
  position: fixed;
  width: 60px;
  height: 60px;
  top: 20px;
  left: 20px;
  opacity: 0.9;
  background-color: #e8e9eb !important;
  color: #101412 !important;
  font-weight: bolder !important;
  border-radius: 50px;
  text-align: center;
  -webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 3px #999;
  z-index: 99;
}

#bgImg1 {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 40%;
  max-width: 60%;
  height: auto;
  opacity: 0.5;
  z-index: -1;
  display: none;
}

#bgImg2 {
  position: fixed;
  left: 5%;
  top: 5%;
  min-width: 40%;
  max-width: 60%;
  height: auto;
  opacity: 0.5;
  z-index: -1;
  display: none;
}

.bgColor1 {
  background-color: #343a40;
}

.color1 {
  color: #343a40;
}

.bgColor2 {
  background-color: #ffccbc;
}

.color2 {
  color: #ffccbc;
}

.bgColor3 {
  background-color: #1a237e;
}

.color3 {
  color: #1a237e;
}

.bgColor4 {
  background-color: #b2dfdb;
}

.color4 {
  color: #b2dfdb;
}

.bgColor5 {
  background-color: #e8f5e9;
}

.color5 {
  color: #e8f5e9;
}
/*# sourceMappingURL=index.css.map */