@font-face {
	font-family: "Comfortaa";
	src: url("../fonts/comfortaa-regular-latin.woff2") format("woff2"),
		 url("../fonts/comfortaa-regular.ttf") format("truetype");
}

:root {
	--ws-blue: rgb(76,130,194);
	--ws-blue-highlight: rgb(80,180,193);
}

body {
	margin: 0;
	min-height: 100vh;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}
/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    min-height: -webkit-fill-available;
  }
}

header {
	background: white;
	white-space: nowrap;
	-webkit-touch-callout: none;
    user-select: none;
}

header h1 {
	font-family: "Comfortaa";
	font-size: 18px;
	margin: 0;
	padding: 18px;
	color: var(--ws-blue);
}

header h1.ws:before {
    content: "";
    display: inline;
    background-image: url("../images/insight_icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1em;
    margin-right: 0.3em;
}

main {
	padding: 5px;
	flex-grow: 1;
}