.md-typeset *:not(pre)>code {
    color: var(--md-code-fg-color);
}

.js .md-typeset .tabbed-labels::before {
    background-color: var(--md-accent-fg-color)
}

.md-typeset table:not([class]) {
    background: none;
    border-radius: .4rem
}

.md-typeset table:not([class]) th {
    border-bottom: .1rem solid var(--md-accent-fg-color)
}

.md-header__title {
    font-size: 1.1rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2.4rem;
}

@media screen and (max-width: 76.2344em) {
  .md-nav .md-nav__title[for=__drawer] .md-logo {
    height: 2.4rem;
    width: auto;
  }
}


@keyframes heartbeat {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.25);
  }
}
@keyframes rotate30 {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.heartbeat {
  animation: heartbeat 1s infinite;
  color: #c70020;
}
.rotate30 {
	animation: rotate30 2s ease-in-out both infinite;
}