/* Mavens Hive custom override */
:root{
  --mh-purple:#8b2cff;
  --mh-cyan:#23d7ff;
  --mh-yellow:#ffd34d;
  --mh-dark:#070711;
}

.mh-brand-fixed{
  position: fixed;
  top: 24px;
  left: 42px;
  z-index: 9999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .5px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(139,44,255,.65);
}
.mh-brand-fixed span{ color: var(--mh-yellow); }

body{
  background:
    radial-gradient(circle at 20% 10%, rgba(139,44,255,.28), transparent 30%),
    radial-gradient(circle at 85% 30%, rgba(35,215,255,.16), transparent 26%),
    #070711 !important;
}

/* Hide old logo image marks without breaking layout */
img[alt*="logo" i],
img[src*="logo" i]{
  opacity: 0 !important;
  pointer-events:none !important;
}

/* Keep the design cleaner */
a, button{
  transition: .2s ease;
}

a:hover, button:hover{
  transform: translateY(-1px);
}

@media (max-width: 800px){
  .mh-brand-fixed{
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 18px;
  }
}