<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* app css stylesheet */

/* Color pallette */
.color_purple1 { color: #c3a8ff; } .bgColor_purple1 { background-color: #c3a8ff; }
.color_purple2 { color: #754fac; } .bgColor_purple2 { background-color: #754fac; }
.color_purple3 { color: #522299; } .bgColor_purple3 { background-color: #522299; }
.color_purple4 { color: #1d0c36; } .bgColor_purple4 { background-color: #1d0c36; }

.color_green   { color: #39b54a; } .bgColor_green   { background-color: #39b54a; }
.color_orange  { color: #f7931e; } .bgColor_orange  { background-color: #f7931e; }

.color_gray1   { color: #f2f2f2; } .bgColor_gray1   { background-color: #f2f2f2; }
.color_gray2   { color: #b3b3b3; } .bgColor_gray2   { background-color: #b3b3b3; }
.color_gray3   { color: #333333; } .bgColor_gray3   { background-color: #333333; }
.color_gray4   { color: #000000; } .bgColor_gray4   { background-color: #000000; }

/* redefine html elements that were being difficult */
body { font-family: Arial, Helvetica, sans-serif; }

hr { margin: 10px 0; }

h1 { font-size: 50pt;   margin: 0;
	color: #39b54a;
	font-family: 'Alfa Slab One', cursive;
}
h2 { font-size: 34pt;   margin: 0; }
h3 { font-size: 16pt;   margin: 0; }
h4 { font-size: 14pt;   margin: 0; }

button {
	background-color: transparent;
	border: none;
}

/* Commonly used style elements */
.vertAlignMiddle  { vertical-align: middle; }
.whiteSpaceNoWrap { white-space:    nowrap; }

.vertCenter {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.imgScaleResponsive {
	width: 10000px;
	max-width: 100%;
	max-height: 100%;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* This is mostly for the youtube video embed */
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}

.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 28.25%; }

.embed-responsive-item {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* These are class based styles for elements on index.html */
.indexHeader {
	position: fixed;
	width: 100%;
	background-color: #522299;
	padding: 0px 20px;
	z-index: 10;
}

.indexTitle {
	position: relative;
	color: white;
	font-size: 26px;
	padding: 0 20px;
}

.indexTitleGcu {
	color: white;
	margin: 0 20px 0 0;
}

.indexTitleAws { color: white; }

.indexTitleAwsImage {
	padding: 15px 25px;
	max-width: 100%;
	max-height: 100%;
	border-left: 1px solid transparent;
}
.indexTitleAwsImageBorder {
	border-left: 1px dashed white;
}

.indexHeaderMenu {
	position: relative;
	color: white;
}

.indexHeaderElements {
	position: relative;
	color: white;
	padding: 0 10px;
	display: inline-block;
}
.indexHeaderElements:hover { color: white; }
.indexHeaderElements:focus { color: white; }
.indexHeaderElementsText { font-size: 16px; }

.indexHeaderSearchGreyedBackground {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(10,10,10);
	background-color: rgba(10,10,10,0.25);
	z-index: 100;
	cursor: default;
}

.indexHeaderSearch {
	white-space: nowrap;
	display: inline-block;
	z-index: 101;
}

.indexHeaderSearchIcon { color: white; }

.indexHeaderSearchField {
	position: relative;
	color: black;
	width: 0;
}

.indexHeaderHelpIcon {
	color: white;
	font-size: 18px;
	font-weight: bolder;
}

.indexSearchResults {
	color: black;
	position: fixed;
	right: 0;
	top: 75px;
	/*width: 260px;*/
	background-color: white;
	border: 1px solid black;
	padding: 10px 20px 10px 20px;
	overflow-y: scroll;
	z-index: 101;
}

.indexSearchResultsLine {
	/*margin-bottom: 10px;*/
}

.indexContainerViewArea {
	position: absolute;
	width: 100%;
	overflow-x: hidden;
}

.indexFooter {
	position: relative;
	height: 75px;
	color: #c3a8ff;
	background-color: black;
	padding: 0 50px;
}

.indexFooter1 {
	position: relative;
	top: 35%;
	margin-left: 25px;
	margin-right: 25px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* BootStrap CSS extensions ( helps with resizing elements a bit) */
.text-left-xs, .text-center-xs, .text-right-xs,
.text-left-sm, .text-center-sm, .text-right-sm,
.text-left-md, .text-center-md, .text-right-md,
.text-left-lg, .text-center-lg, .text-right-lg { text-align: inherit; }

@media (max-width: 767px) {
    .text-left-xs   { text-align: left;   }
    .text-right-xs  { text-align: right;  }
    .text-center-xs { text-align: center; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-sm   { text-align: left;   }
    .text-right-sm  { text-align: right;  }
    .text-center-sm { text-align: center; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md   { text-align: left;   }
    .text-right-md  { text-align: right;  }
    .text-center-md { text-align: center; }
}
@media (min-width: 1200px) {
    .text-left-lg   { text-align: left;   }
    .text-right-lg  { text-align: right;  }
    .text-center-lg { text-align: center; }
}

.screenReaderOnly {
	position: fixed;
	bottom: 100%;
	right: 100%;
	font-size: 0;
	color: transparent;
	background-color: transparent;
	border: none;
	outline: none;
	opacity: 0;
}</pre></body></html>