@font-face {
    font-family: "Open Sans";
    src: url("static/font/OpenSans-Regular.ttf") format("ttf");
}

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

.fill-the-frame {
	width: 100%;
	height: 100vh; /* 100% of the viewport height */
}

.central {
	display:flex;
	align-items: center;
	justify-content: center;
}

.font-primary {
	font-family: 'Open Sans';
}

/*
Prussian Blue
Blue Sapphire
Chrome Yellow
Maximum Yellow Red
Lavender Blush
*/

.text-blue-dark {
	color:#102D4F;
}

.text-blue-light {
	color:#00537A;
}

.text-yellow-dark {
	color:#F5A201;
}

.text-yellow-light {
	color:#FFBA42;
}

.text-blush {
	color:#F8E5EE;
}

.bg-blue-dark {
	background-color:#102D4F;
}

.bg-blue-light {
	background-color:#00537A;
}

.bg-yellow-dark {
	background-color:#F5A201;
}

.bg-yellow-light {
	background-color:#FFBA42;
}

.bg-blush {
	background-color:#F8E5EE;
}