/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* Grid Background */
body {
  background-color: #080808;
  background-image:
    linear-gradient(rgba(213, 139, 2, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(213, 139, 2, 0.07) 1px, transparent 1px);
  background-size: 40px 40px;
  background-attachment: fixed;
}

/* Glow orbs */
body::before,
body::after {
  content: '';
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

body::before {
  width: 600px;
  height: 600px;
  top: -150px;
  left: -150px;
  background: radial-gradient(circle, rgba(213, 139, 2, 0.1) 0%, transparent 70%);
}

body::after {
  width: 500px;
  height: 500px;
  bottom: -100px;
  right: -100px;
  background: radial-gradient(circle, rgba(188, 89, 0, 0.08) 0%, transparent 70%);
}

/* Make sure content stays above background */
#app {
  position: relative;
}

.easy-highlight {
    color: #ffa100 !important;
    padding: 2px 8px;
}