* {
  padding: 0px;
  margin: 0px;
  font-family: Arial,sans-serif;
  user-select: none; }

html, body, #wrap {
  height: 100vh !important;
  width: 100vw !important;
  font-size: 10px;
  overflow: auto; }

a {
  color: inherit;
  text-decoration: none; }

#wrap {
  position: relative; }

._2LiJzWqCjNW5Bh6RMkVvae {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

._2i-bETxdjjZt6hh6akJx49 {
  display: flex;
  justify-content: space-between;
  margin: 0px auto;
  width: 80%;
  height: 6rem;
  line-height: 6rem;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.4rem; }

.jpJ7ylXmowy6qmT7p0jWc {
  display: flex;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  font-weight: normal; }
  .jpJ7ylXmowy6qmT7p0jWc > div {
    margin-left: 2rem; }

.UZ1ytVTQ3Gw33cR6l1AbU {
  position: relative;
  cursor: default; }
  .UZ1ytVTQ3Gw33cR6l1AbU:hover img {
    display: block; }
  .UZ1ytVTQ3Gw33cR6l1AbU img {
    display: none;
    position: absolute;
    right: 0px;
    top: 100%;
    width: 10rem;
    height: 10rem; }

._3kfSNGwFt34m4xBnr_ZH6W {
  margin: 0px auto;
  width: 80%;
  height: calc(100vh - 6rem - 2rem);
  overflow: auto; }

._1sr8ah0XpZmN1vXUTKFIe0 {
  width: 100%;
  height: 2rem; }

.cx2HKc2s8xgJQMjlFoedp {
  transform: translateY(-2rem);
  color: #f5f5f5;
  cursor: default;
  transition: all 0.5s;
  background-color: #201f24; }
  .cx2HKc2s8xgJQMjlFoedp:hover {
    transform: translateY(-100%); }
  .cx2HKc2s8xgJQMjlFoedp:hover .KeYlXMHsNeduS13_8ZoBg {
    height: 0rem; }
  .cx2HKc2s8xgJQMjlFoedp .KeYlXMHsNeduS13_8ZoBg {
    margin: 0px auto;
    width: 80%;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s; }
  .cx2HKc2s8xgJQMjlFoedp ._1v1ANAHaUW9BhN92kj1DT3 {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0rem;
    margin: 0px auto;
    width: 80%; }