CSS: debugging -> debug attribute for html element with overlays

debug.css

/*! debug.css | MIT License |
Jakub Zomerfeld
/* Instruction:
 just add an 'debug' attribute to main html element ex. 
<div id="#app" debug> 
</div>
*/

[debug], [debug] *:not(g):not(path) {
	color:                 hsla(210, 100%, 100%, 0.9) !important;
	background:            hsla(210, 100%,  50%, 0.5) !important;
	outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;

	box-shadow: none !important;
	filter:     none !important;
}