@import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');

.wy-table-responsive table td, .wy-table-responsive table th {
 /* white-space: normal !important; */
}

.table tbody tr {
      transition: 1s ease-in-out;
}

figure figcaption {
    opacity: 35%;
}

code {
 background: #fff8b9;
 background-image: linear-gradient(90deg,#fff386 0,#fff8b9 60%,#fff386);
 border: 0 !important;
 border-radius: 5px !important;
 color: black;
 font-family: "Schoolbell", cursive !important;
 font-size: 1em !important;
 font-style: oblique 5deg !important;
}

html[data-theme="dark"] code {
  background: #555;
  color: #d2cee8;
  background-image: linear-gradient(90deg,#1d2135 0,#3a3a53 60%,#29284b);
}

.two-columns {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

.three-columns {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

@media screen and (width <= 600px) {
    .three-columns {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}

html[data-theme="dark"] .bd-content img:not(.only-dark, .dark-light) {
  background-color: transparent !important;
}

html[data-theme="dark"] img:not(.only-dark, .dark-light) {
  filter: none !important;
}

.tooltipster-base .tooltipster-content span.sidenote {
  display: block !important;
  clear: none !important;
  margin: 10px !important;
  width: inherit !important;
}

.tooltipster-base .tooltipster-content .pst-scrollable-table-container {
  overflow-x: inherit;
}