* {
	font-size: 12px;
	font-family: "FiraCode Nerd Mono Retina", monospace;
  font-weight: bold;
  border-radius: 8px;
}
 
.modules-center {
}

window#waybar {
	background-color: transparent;
}

#clock.1, #clock.2, #clock.3,
#pulseaudio, #memory, #cpu, #network, #mpd,
#battery, #disk, #backlight, #tray,
#keyboard-state {
  background: rgba(12, 12, 12, 0.64);
  text-shadow: 2px 3px 2px rgba(20, 20, 20, 0.3);
  /* background: rgba(12, 12, 12, 0.7); */
  padding: 0 12px;
  margin-left: 2px;
  margin-right: 2px;
  color: white;
}

#window {
  padding: 0 12px;
  margin: 0 2px;
  background: rgba(12, 12, 12, 0.3);
  text-shadow: 2px 4px rgba(20, 20, 20, 0.2);
}

window#waybar.empty #window {
  background: transparent;
}

#workspaces {
  background: rgba(12, 12, 12, 0.5);
}

#workspaces button {
	padding: 0 4px;
	color: #fdf6e3;
  border: 2px solid transparent;
}

/* button.active for hyprland, button.focused for sway */
#workspaces button.active {
	color: white;
  border: 2px solid rgba(40, 170, 120, 0.9);
}

#workspaces button:hover {
	box-shadow: inherit;
	text-shadow: inherit;
}