* {
	all: unset;
	background-image: none;
	transition: 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
}

window {
	background: rgba(0, 0, 0, 0.8);
}

button {
	font-family: 'CodeNewRoman Nerd Font Mono';
	font-size: 1rem;
	background-color: rgba(11, 11, 11, 0.9);
	color: #FFFFFF;
	margin: 2rem;
	border-radius: 2rem;
	padding: 3rem;
	background-repeat: no-repeat;
	background-position: center;
}

#lock {
    background-image: image(url("/home/eli/.config/wlogout/lock.png"))
}
#hibernate {
    background-image: image(url("/home/eli/.config/wlogout/sleep.png"))
}
#logout {
    background-image: image(url("/home/eli/.config/wlogout/logout.png"))
}
#shutdown {
    background-image: image(url("/home/eli/.config/wlogout/power.png"))
}
#suspend {
    background-image: image(url("/home/eli/.config/wlogout/pause.png"))
}
#reboot {
    background-image: image(url("/home/eli/.config/wlogout/restart.png"))
}

button:focus,
button:active,
button:hover {
	background-color: rgba(80, 80, 80, 0.8);
	border-radius: 5rem;
    color: #000000;
}