:root > * {
    --md-primary-fg-color:        #161414; /* base */
    --md-primary-fg-color--light: #3A3636; /* lighter */
    --md-primary-fg-color--dark:  #0A0909; /* darker */
}

body > header > nav > form > label:nth-child(2) > svg{
    display: none;
}

a.md-header__button > img:nth-child(1){
    height: 2.5rem!important;
}

.md-header__title{
    margin-left: 0em!important;
}

pre code, pre {
    white-space: pre-wrap;
    word-break: break-word;
}

@keyframes gradient-animate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    opacity: 0.6;
  }
  50% {
    transform: translate(-45%, -55%) rotate(180deg) scale(1.2);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) scale(1);
    opacity: 0.6;
  }
}

main::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60vw;
  max-width: 800px;
  height: 60vw;
  max-height: 800px;
  background:
    radial-gradient(circle at 30% 30%, #581c87, transparent 40%),
    radial-gradient(circle at 70% 70%, #164e63, transparent 40%),
    radial-gradient(circle at 50% 50%, #db2777, #4338ca 60%, transparent 100%);
  filter: blur(100px);
  will-change: transform, opacity;
  animation: gradient-animate 25s ease-in-out infinite;
}