/* */
@font-face {
font-family: 'myFont';
src:
	local('myFont'),
	local('myFont-Regular'),
	url('./FiraMono-Regular.ttf');
}
body { font-family: 'myFont', sans-serif; color: #4e4e4e; font-size: 14px; }
h1,h2,h3 { font-size: 18px; font-weight:bold; }
#logo { position: absolute; top: 5px; right: 5px; }
div.function { width: 40%; border:1px solid gray; padding: 5px; }
.function p label { display: inline-block; width: 40%; background-color: #00aded; color: white; }

.errorMessage,
.warningMessage,
.goodMessage {
background-color: white;
border: 1px solid silver;
border-radius: 6px;
padding: 0.5em 1em;
}
.errorMessage {
border-left: 5px solid red;
color: #a5032f;
margin: 10px;
}
.warningMessage {
border-left: 5px solid orange;
color: #a5032f;
}
.goodMessage {
border-left: 5px solid green;
color: #333333;
}