@font-face {
	font-family: "Iosevka Slab";
	src: url("fonts/SGr-IosevkaSlab-Regular.ttc");
}

.root {
	-fx-background-color: #000000;
	-fx-font-family: "Iosevka Slab", serif;
	-fx-font-size: 1.7em;
	-fx-focus-color: #aaaaaa;
}

.vbox,
.grid-pane,
.text-flow {
	-fx-background-color: transparent;
}

.text,
.label {
	-fx-fill: #e0e0e0;
	-fx-text-fill: #e0e0e0;
}

.scroll-pane {
	-fx-background-color: #000000;
	-fx-background-radius: 0;
	-fx-border-width: 0;
}

.scroll-pane > .viewport {
	-fx-background-color: #000000;
}

.button {
	-fx-background-color: #222222;
	-fx-text-fill: #e0e0e0;
	-fx-border-color: #555555;
	-fx-border-width: 1px;
	-fx-background-radius: 0;
	-fx-border-radius: 0;
	-fx-padding: 6px 12px;
}

.enter-button {
	-fx-background-color: #14262b !important;
}

.press-button {
	-fx-background-color: #14182b !important;
}

.slay-button {
	-fx-background-color: #2b1416 !important;
}

.button:hover {
	-fx-background-color: #333333;
	-fx-border-color: #777777;
	-fx-text-fill: #ffffff;
}

.button:focused {
	-fx-border-color: #e0e0e0;
	-fx-border-width: 1px;
}

.button:pressed {
	-fx-background-color: #111111;
}

.scroll-bar {
	-fx-background-color: #000000;
}

.scroll-bar .increment-button,
.scroll-bar .decrement-button {
	-fx-background-color: #000000;
	-fx-background-radius: 0;
	-fx-padding: 0;
}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow {
	-fx-shape: "";
	-fx-padding: 0;
}

.scroll-bar:vertical .track,
.scroll-bar:horizontal .track {
	-fx-background-color: #000000;
	-fx-border-color: #000000;
	-fx-background-radius: 0;
	-fx-border-radius: 0;
}

.scroll-bar .thumb {
	-fx-background-color: #333333;
	-fx-background-radius: 0;
}

.scroll-bar .thumb:hover {
	-fx-background-color: #555555;
}