@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Zen+Dots&display=swap');

body {
	font-family: "Open Sans";
	font-weight: 300;
	color: #fff;
	font-size: 1em;
	background-color: #181818;
	margin: 0; padding: 0;
	background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwNiA3OS5kYWJhY2JiLCAyMDIxLzA0LzE0LTAwOjM5OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Rjg3NDNBN0ZCRDk4MTFFQjhGM0M5M0NGOEFDOTMzMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg3NDNBODBCRDk4MTFFQjhGM0M5M0NGOEFDOTMzMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGODc0M0E3REJEOTgxMUVCOEYzQzkzQ0Y4QUM5MzMzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGODc0M0E3RUJEOTgxMUVCOEYzQzkzQ0Y4QUM5MzMzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADkAOgMBEQACEQEDEQH/xAB3AAACAwEBAQAAAAAAAAAAAAAEBQADBgIBCQEBAAAAAAAAAAAAAAAAAAAAABAAAQMBBAYHBgQHAAAAAAAAAQIDBAARMRIFIUFxMhMUUWGBsVIzFSJicnM0NcGCQ1WRQrJTRHTVEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD5D0AkudFhWCQ7Y4vy2EjE4rYkaaAQHM5tw9KjHWbFSFDqFyaAN3LjFdYixJr7EfMlKEtJIWSbNKgo3FWugKTAlQEgZZIxsougyTan8i709tBczmjCnBHlBUGXcWHtAJ6EruNAyoJQZ9fqHqKso9WSlKmePxlpTzIFthbGq07KBpFy+LCKlMtkvK8yS4cbqj1qOmgMoF8v6zKvmL7qBhQVvMsyGy1IaQ82b0LFooEM1t/JmA5DnhuO84hpEWX7YSXDZibUdNieigY8hP8A3t/d8CN7xXbtAHl+WQXstZLscOLftW48okuFQNgOO/RQEBvMoXkuepxhcw8cLyR0Jc19tATGnxpSuGlRakDeiOjA4NgN/ZQcSwecyrR+ovuoCn32YzfFkOpZb1KUbz0AXk7KBfzM+XohMiIwbpkgWqI6Utau2gtZyqIFFUhJnPujC6/IOMkG8AXAbKDM8lG8K/uHL76vK8F93VQafK/tsP4T30B9ADmCMvLQVmPDSgH2Vq0Lt9wjTbsoM02cvWiarNHX+bQpXpxk4g8G/wBMtA6bbaBllIirDSpJWvN8A4wlW8UfCFatlBoaD1O8naKDJf8AVoGWW5hBbythbkptAZBS6FGxQVbdhvt7KC4SJ8z6RnkmDdLkJ9tQ6UNfiqguj5fHYXxlYpMrXLeOJf5dSRsFBzM0zMq+YvuoCZEWPKRgkNJdSNKbbwekEaQdlAFwsxifTuCfHTdGeOF0D3XLldtBdHzOI6opW4YrzXtPR5A4a0gXnToI6xQZbnof98fceNcry/Hdd10DVfNnM15v6MpTSWgyUrwcySDbxAjSOq+2gcRp0aaFGO7jWjzGlApcSfeSdIoCqBfL+syr5i+6gYUHDjjbKFOOuJabTpUtZAA7TQZ7MHFZywG4WX820y4hwS5A4aDgNpQ3iGI4v4UDL1CR+yy9yzdRf4N7doGVAHKgRZhSt1BS+jy5TZwOJ2KH40AtuZwt9PqkYfzoATISOtNyuzTQCO5kiS9HkxIr8mPlylGY6lOHASLCLFWEka7KAlOYvzQPSo+NtX+c+ChofCL1UFjeVtFYfmuKnyAbQpzy0n3G7hQNPwuFBKCUEoPU7yfiHfQJ8s+nzX/Zk/0mgvyn7XA+UKBhQSglB//Z');
}
* { box-sizing: border-box; }
body,html { min-height: 100%; float: left; width: 100%; }
.container { float: left; width: 100%; padding-left: 1em; padding-right: 1em; }
.container .wrap { max-width: 1500px; margin: 0 auto; width: 100%;  position: relative; }

header { float: left; width: 100%; position: relative; padding: 1em 0; background: #222; transform: skewY(-1deg) translateY(-1em); border-bottom: 2px solid #000;  }
header .inner { padding-top: 1em; float: left; width: 100%; }
header .wrap { max-width: 1500px; margin: 0 auto; width: 100%;  }

section .inner { float: left; width: 100%; padding: 3em 0; }
#segment-02 .inner { padding-top: 0; }

a { color: #fff; text-decoration-skip-ink: auto; text-decoration-style: dotted; opacity: 1; transition: all 0.2s ease-in-out 0s; }
a:hover { opacity: 0.5; }

h1 {
	text-align: center;
	font-weight: bold;
	font-size: 2.5em;
	color: #f72d2d;
	font-family: 'Zen Dots', cursive;
	font-weight: 400;
	text-shadow: 0px 1px 1px #000;
}

h2 {
	font-size: 2em;
	font-family: 'Zen Dots', cursive;
	font-weight: 400;
	color: #f72d2d;
	text-shadow: 0px 1px 1px #000;
}

h3 {
	font-size: 1.5em;
	font-family: 'Zen Dots', cursive;
	font-weight: 400;
	color: #ee2424;
	text-shadow: 0px 1px 1px #000;
}

table {
	border: none;
	font-size: 1em;
	padding: 1em; 
	position: relative; z-index: 1;
}
.tableWrapper { position: relative; float: left; width: 100%; }
.tableWrapper:before { content: ""; display: block; width: 100%; height: calc(100% + 2em); background: #222; position: absolute; top: -1em; transform: skewY(-1deg); border: 2px solid #000; }

td, th {
	padding: 0.75em 1em;
	word-break: break-word; cellpadding: 0; cellspacing: 0;
}

th {
	font-family: 'Zen Dots', cursive;
	color: #fff;
	background: #ee2424; font-weight: 400;
	position: relative; margin-bottom: 0.25em;
}

td { background-color: #202020; }
tr:nth-child(odd) td { background-color: #2c2c2c; }

.spacer {
	margin: 2em 0;
    display: block;
    float: left;
    width: 100%;	
}

.spacer-lg {
	margin: 2em 0;
    display: block;
    float: left;
    width: 100%;
}

.indent1 {
	padding: 1em 2em;
}

.indent2 {
	padding: 1em 4em;
}

.risk-3 {
	background: #ff3333 !important;
	color: #fff !important;
	font-weight: 400;
	font-family: 'Zen Dots', cursive;	
}

.risk-2 {
	background: #ff9933 !important;
	color: #303030 !important;
	font-weight: 400;
	font-family: 'Zen Dots', cursive;
}

.risk-1 {
	background: #ffcc33 !important;
	color: #303030 !important;
	font-weight: 400;
	font-family: 'Zen Dots', cursive;
}

.risk-0 {
	background: #3333cc !important;
	color: #fff !important;
	font-weight: 400;
	font-family: 'Zen Dots', cursive;
}

.risk--1 {
	background: #339933 !important;
	color: #fff !important;
	font-weight: 400;
	font-family: 'Zen Dots', cursive;	
}

.risk-3-chart { background-color: #ff3333; }
.risk-2-chart { background-color: #ff9933; }
.risk-1-chart { background-color: #ffcc33; } 
.risk-0-chart { background-color: #3333cc; }
.chart-text-color { color: #ffffff; }

.summaryChartWrapper { display: block; width: 100%; max-width: 800px; margin: 0 auto; }
#summaryChart { display: block; margin: 0 auto; }

.summary {
	width: 100%;
}

.alerts {
	width: 100%;
}

.results {
	width: 100%;
}

.results th {
	text-align: left;
}

.left-header {
	display: inline-block;
}

footer { padding: 3em 3em; text-align: center; font-size: 0.9em; }

.pt3 { padding-top: 3em; }