@import "root.css";

/* Header */

a.navbar-brand {
	padding: 0;
}

a.navbar-brand > span {
	vertical-align: middle;
}

/* Footer */

#connection-monitor {
	text-decoration: none;
	color: var(--bs-dark);
}

[data-bs-theme=dark] #connection-monitor {
	color: var(--bs-body-color);
}

#connection-monitor span.connected {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: var(--bs-success);
	display: inline-block;
}

#connection-monitor span.disconnected {
	height: 12px;
	width: 12px;
	background-color: var(--bs-danger);
	display: inline-block;
}

/* General */

.required-field {
	color: red;
}

/* Home */

body.home {
	background: url(https://i.imgur.com/t6JDInh.jpeg) no-repeat center center fixed;
}