html {
  position: relative;
  min-height: 100%;
  /* background-color: var(--tsc-bg-color); */
  background-color: transparent;
}

body {
  background-color: unset;
}

.container-body {
  background-image: url('/images/reference-wood.webp');
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.booktable {
  border: 2px solid #fff;
  color: #fff !important;
  position: absolute;
  padding: .7rem;
  font-size: 1em;
  width: 131.2px;
  text-transform: uppercase;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  text-decoration: none;
}
.booktable-container {
  max-width: 0px;
}
.booktable-container:hover,
#ul-booktable>li a:hover {
  background-color: rgba(255, 255, 255, 0.6);
  color: #525252 !important;
}

.welcome {
  width: 100%;
}

.footer,
.push {
    height: 30px;

    @media (min-width: 576px) {
        height: 10px;
    }
}