* {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

table { border-collapse: collapse; }
table, td, th { padding-left: 10px; padding-right: 10px; }
button { border: none; color: white; background-color: #3274d6; }

* {
	margin: 0;
	padding: 0;
}
.imgbox {
	display: grid;
	height: 100%;
}
.center-fit {
	max-width: 100%;
	max-height: 100vh;
	margin: auto;
}
		
.topbar {
	background-color: #b4d8f4;
	width: 100%;
	height: 40px;
	border: 0;
	margin: 0;	 
}
.topbar table {	
	width: 100%;
	border: 0;
	margin: 0;	
	table-layout: fixed;
}
.topbar h1 {	
	font-size: 22px;	
	margin: 0;
	color: #47200b;
	font-weight: bold;
}
.topbar a {	
	text-decoration: none;
	color: #47200b;
	font-weight: bold;
}
.topbar a:hover {
	color: #ffaa66;
}