runic-client/css/game.css

body {
	margin: 0;
	height: 100vh;
	overflow: hidden;
   position: relative;
}
body:hover {
   cursor: default;
}
canvas.main_canvas {
	position: absolute;
}
.hud_item {
   background-color: #555555aa;
   margin: 8px;
   padding: 8px 12px;
   border-radius: 4px;
   color: white;
   font-family: roboto, sans-serif;
   width: fit-content;
   position: absolute;
   display: inline-block;
}
.hud_item.bottom {
   bottom: 0px;
}
.hud_item.right {
   right: 0px;
}
div.bar {
   width: 400px;
   background-color: grey;
   border-radius: 3px;
}
div.bar div {
   width: 100%;
   height: 6px;
   border-radius: 3px;
   transition-duration: 0.2s;
}
div.red_bar div {
   background-color: red;
}
div.green_bar div {
   background-color: lime;
}