Template:VelaTerminal/styles.css

.TerminalWindow {
	background-color: rgba(0, 0, 0, 0.4) !important;
    border-radius: 8px !important;
    border: 2px solid var(--color-amaranth-legacy-scope) !important;
    box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px !important;
}

.TerminalTextColored {
	color: var(--color-amaranth-legacy-scope);
	text-shadow: var(--color-amaranth-legacy-scope) 0px 0px 12px !important;
}

.TerminalBlinkerCursor::after {
	content: "_";
	animation: TerminalBlinker 1.25s infinite;
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px !important;
}

.TerminalSpinner::after {
	content: "|";
	animation: TerminalSpinner 0.5s infinite;
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px !important;
}

@keyframes TerminalBlinker {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes TerminalSpinner {
	0% {
		content: "|";
	}

	25% {
		content: "/";
	}

	50% {
		content: "-";
	}

	75% {
		content: "\\";
	}

	100% {
		content: "|";
	}
}