@import "https://fonts.googleapis.com/css?family=Chilanka";
@import "/f/roobert.css";

:root {
  --cb-color:		#01487E;
  --cb-color-l2:	#0F8FF1;
  --cb-color-l1:	#0167B6;
  --cb-color-d1:	#012E50;
  --cb-color-d2:	#00070C;
}

:root {
  --color-bg:		#18181B;
  --color-fg:		#EFEFF1;
  --color-b1:		#35353B;
  --color-b2:		#55555B;
  --color-ba:		#35353B;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-bg:		#FFFFFF;
    --color-fg:		#0E0E10;
    --color-b1:		#E3E3E6;
    --color-b2:		#C3C3C6;
    --color-ba:		#E3E3E6;
  }
}

html, body { height: 98%; }

body {
	background-color:	var(--color-bg);
	color:			var(--color-fg);
	font-family:	"Chilanka", "Comic Sans MS", "Comic Sans", cursive;
	font-size:	120%;
}

p {
	font-family:	"Roobert", "Comic Sans MS", "Comic Sans", cursive;
}

.roundbox {
	background-color: var(--color-b1);
	padding: 10px;
	margin: 0px;
	border-radius: 10px;
}

.statbox   { font-size: 110%; padding-right: 12px;
	     display: flex; align-items: center;
	     font-family: Roobert;
	     color: var(--color-b2); }
.stat      { font-size: 120%; padding-right: 3px; }
.statlabel { font-size: 45%;  padding-right: 3px; line-height:1; padding-top:4px;}

.pixelbirb {
	width: 38px;
	margin: 1px 6px 0px 0px;
	padding: 4px;
	border-radius: 4px;
	background-color: var(--color-b2);
}