[x-cloak] {
  display: none !important;
}

* {
  scroll-behavior: smooth;
}
*:focus {
  outline: none !important;
}

.material-icons,
.material-icons-sharp {
  user-select: none;
  vertical-align: top;
  line-height: unset !important;
}
.material-icons.inline-icon,
.material-icons-sharp.inline-icon {
  font-size: 1.5em !important;
  line-height: 1 !important;
}
.material-icons.md-18,
.material-icons-sharp.md-18 {
  font-size: 18px !important;
}
.material-icons.md-24,
.material-icons-sharp.md-24 {
  font-size: 24px !important;
}
.material-icons.md-36,
.material-icons-sharp.md-36 {
  font-size: 36px !important;
}
.material-icons.md-48,
.material-icons-sharp.md-48 {
  font-size: 48px !important;
}

.sec-icon {
  left: 100%;
  position: sticky;
  line-height: 1 !important;
  vertical-align: bottom !important;
}

#sidebar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#sidebar::-webkit-scrollbar {
  display: none;
}

.github-corner:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out;
}

@keyframes octocat-wave {
  0%, 100% {
    transform: rotate(0);
  }
  20%, 60% {
    transform: rotate(-25deg);
  }
  40%, 80% {
    transform: rotate(10deg);
  }
}
@media (max-width: 500px) {
  .github-corner:hover .octo-arm {
    animation: none;
  }

  .github-corner .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
  }
}
code {
  width: 100%;
  display: inline-block;
}