nk* {
    font-family: "Fira Mono", "Font Awesome 6 Pro", monospace;
    font-size: 16px;
    font-weight: bold;
}

window {
	background-color: rgba(0, 0, 0, 0);
}

button {
	background-color: #242434;
    background-image: none;
    color: #89ADF8;
	border: 1px solid rgba(0, 0, 0, 0);
    margin: 5px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
}

button:focus, button:active {
	background-color: #89B4FA;
    color: #242434;
    font-weight: 500;
	outline-style: none;
}

#lock {
    background-image: image(url("img/lock.png"));
}

#logout {
    background-image: image(url("img/logout.png"));
}

#suspend {
    background-image: image(url("img/sleep.png"));
}

#hibernate {
    background-image: image(url("img/hibernate.png"));
}

#shutdown {
    background-image: image(url("img/power.png"));
}

#reboot {
    background-image: image(url("img/restart.png"));
}

#lock:focus {
    background-image: image(url("img/lock-hover.png"));
}

#logout:focus {
    background-image: image(url("img/logout-hover.png"));
}

#suspend:focus {
    background-image: image(url("img/sleep-hover.png"));
}

#hibernate:focus {
    background-image: image(url("img/hibernate-hover.png"));
}

#shutdown:focus {
    background-image: image(url("img/power-hover.png"));
}

#reboot:focus {
    background-image: image(url("img/restart-hover.png"));
}