/* Author: QuantumSoul */
/* Inspired by AmberGlow */
@font-face {font-family: 'VT220'; font-display: swap; font-style: normal; font-weight: 100; src: local('VT220'), url('assets/Aptro-AmberGlow-font.ttf')}
@keyframes caret-blink { 50% { opacity: 0; } }
@keyframes crt-lines { 0% { background-position: 0 +50px; } 100% { background-position: 0 -50px; } }

:root {
    --sd-main-accent-color: lime;
    --sd-label-color: lime;
    --sd-input-text-color: lime;
    --sd-input-placeholder-text-color: #00ff0033;
    --sd-input-hover-text-color: black;

    --sd-button-normal-color: transparent;
    --sd-button-normal-text-color: var(--sd-input-text-color);
    --sd-button-selected-color: var(--sd-main-accent-color);
    --sd-button-selected-text-color: var(--sd-input-hover-text-color);
    --sd-button-hover-color: var(--sd-label-color);
    --sd-button-hover-text-color: var(--sd-button-selected-text-color);

    --sd-main-background-color: black;
    --sd-input-background-color: hsla(0, 0%, 0%, 0.25);
    --sd-input-border-color: #00ff0033;
    --sd-panel-background-color: #ffffff0a;
    --sd-panel-border-color: transparent;
    --sd-group-background-color: hsla(0, 0%, 0%, 0.15);

    --sd-scrollbar-color: #0f02;
    --sd-outline-color: #0f07;
    --sd-outline-size: 0.01px;

    color-scheme: dark;
}

h2, label {
    font-family: 'VT220';
}
label > span {
    font-size: 17px;
}
h2 {
    text-shadow: 0 0 10px green, 0 0 20px green;
}
h2::after {
  content: '_';
  animation: caret-blink 1s infinite;
}

::-moz-selection {
    background: green;
    color: black;
}
::selection {
    background: green;
    color: black;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to bottom, #fff1 20%, transparent 50%);
  background-size: 100% 5px;
  animation: crt-lines 5s cubic-bezier(0, 0.38, 0.98, 0.65) infinite;
}