@font-face {
  font-family: "Murga Quarian";
  src: url("../fonts/murgaQuarianTTF.otf") format("opentype"),
       url("../fonts/murgaQuarianTTF.ttf") format("truetype");
}

@font-face {
  font-family: "Eras Demi";
  src: url("../fonts/ERASDEMI.TTF") format("truetype");
}

:root {
    --color-0: rgba(16, 16, 16, 1.0) !important; /* Black */
    --color-1: rgba(247, 16, 16, 1.0) !important; /* Red */     
    --color-2: rgba(16, 247, 16, 1.0) !important; /* Green */
    --color-3: rgba(247, 239, 16, 1.0) !important; /* Yellow */
    --color-4: rgba(33, 33, 222, 1.0) !important; /* Blue */
    --color-5: rgba(247, 16, 247, 1.0) !important; /* Violet */
    --color-6: rgba(49, 198, 198, 1.0) !important; /* Light Blue-Green */
    --color-7: rgba(247, 247, 247, 1.0) !important; /* White */
    --color-8: rgba(198, 198, 198, 1.0) !important; /* Light Gray */
    --color-9: rgba(41, 173, 173, 1.0) !important; /* Blue-Green */
    --color-10: rgba(198, 33, 198, 1.0) !important; /* Magenta */
    --color-11: rgba(66, 16, 140, 1.0) !important; /* Dark Blue */
    --color-12: rgba(247, 247, 115, 1.0) !important; /* Light Yellow */
    --color-13: rgba(33, 206, 66, 1.0) !important; /* Light Green */
    --color-14: rgba(173, 33, 33, 1.0) !important; /* Orange */
    --color-15: rgba(49, 49, 49, 1.0) !important; /* Dark Gray */
  }

.bg-black{background-color:var(--color-0);}
.bg-red{background-color:var(--color-1);}
.bg-green{background-color:var(--color-2);}
.bg-yellow{background-color:var(--color-3);}
.bg-blue{background-color:var(--color-4);}
.bg-violet{background-color:var(--color-5);}
.bg-light-blue-green{background-color:var(--color-6);}
.bg-white{background-color:var(--color-7);}
.bg-light-gray{background-color:var(--color-8);}
.bg-blue-green{background-color:var(--color-9);}
.bg-magenta{background-color:var(--color-10);}
.bg-dark-blue{background-color:var(--color-11);}
.bg-light-yellow{background-color:var(--color-12);}
.bg-light-green{background-color:var(--color-13);}
.bg-orange{background-color:var(--color-14);}
.bg-dark-gray{background-color:var(--color-15);}
.glow-black{box-shadow:0 0 12px var(--color-0);}
.glow-red{box-shadow:0 0 12px var(--color-1);}
.glow-green{box-shadow:0 0 12px var(--color-2);}
.glow-yellow{box-shadow:0 0 12px var(--color-3);}
.glow-blue{box-shadow:0 0 12px var(--color-4);}
.glow-violet{box-shadow:0 0 12px var(--color-5);}
.glow-light-blue-green{box-shadow:0 0 12px var(--color-6);}
.glow-white{box-shadow:0 0 12px var(--color-7);}
.glow-light-gray{box-shadow:0 0 12px var(--color-8);}
.glow-blue-green{box-shadow:0 0 12px var(--color-9);}
.glow-magenta{box-shadow:0 0 12px var(--color-10);}
.glow-dark-blue{box-shadow:0 0 12px var(--color-11);}
.glow-light-yellow{box-shadow:0 0 12px var(--color-12);}
.glow-light-green{box-shadow:0 0 12px var(--color-13);}
.glow-orange{box-shadow:0 0 12px var(--color-14);}
.glow-dark-gray{box-shadow:0 0 12px var(--color-15);}
.color-black{color:var(--color-0);}
.color-red{color:var(--color-1);}
.color-green{color:var(--color-2);}
.color-yellow{color:var(--color-3);}
.color-blue{color:var(--color-4);}
.color-violet{color:var(--color-5);}
.color-light-blue-green{color:var(--color-6);}
.color-white{color:var(--color-7);}
.color-light-gray{color:var(--color-8);}
.color-blue-green{color:var(--color-9);}
.color-magenta{color:var(--color-10);}
.color-dark-blue{color:var(--color-11);}
.color-light-yellow{color:var(--color-12);}
.color-light-green{color:var(--color-13);}
.color-orange{color:var(--color-14);}
.color-dark-gray{color:var(--color-15);}
ul.bullet-black li:before{color:var(--color-0);}
ul.bullet-red li:before{color:var(--color-1);}
ul.bullet-green li:before{color:var(--color-2);}
ul.bullet-yellow li:before{color:var(--color-3);}
ul.bullet-blue li:before{color:var(--color-4);}
ul.bullet-violet li:before{color:var(--color-5);}
ul.bullet-light-blue-green li:before{color:var(--color-6);}
ul.bullet-white li:before{color:var(--color-7);}
ul.bullet-light-gray li:before{color:var(--color-8);}
ul.bullet-blue-green li:before{color:var(--color-9);}
ul.bullet-magenta li:before{color:var(--color-10);}
ul.bullet-dark-blue li:before{color:var(--color-11);}
ul.bullet-light-yellow li:before{color:var(--color-12);}
ul.bullet-light-green li:before{color:var(--color-13);}
ul.bullet-orange li:before{color:var(--color-14);}
ul.bullet-dark-gray li:before{color:var(--color-15);}
ul.text-black li{color:var(--color-0);}
ul.text-red li{color:var(--color-1);}
ul.text-green li{color:var(--color-2);}
ul.text-yellow li{color:var(--color-3);}
ul.text-blue li{color:var(--color-4);}
ul.text-violet li{color:var(--color-5);}
ul.text-light-blue-green li{color:var(--color-6);}
ul.text-white li{color:var(--color-7);}
ul.text-light-gray li{color:var(--color-8);}
ul.text-blue-green li{color:var(--color-9);}
ul.text-magenta li{color:var(--color-10);}
ul.text-dark-blue li{color:var(--color-11);}
ul.text-light-yellow li{color:var(--color-12);}
ul.text-light-green li{color:var(--color-13);}
ul.text-orange li{color:var(--color-14);}
ul.text-dark-gray li{color:var(--color-15);}

body {
	background-color: var(--color-11);
	color: var(--color-8);
	margin: 32px;
	box-sizing: border-box;
	height: 100%;
	font-family: "Eras Demi", san-serif;

}

.header-image {
	text-align: center; 
	max-width: 100%;
}

.bold {
	font-weight: bold;
}

.italics {
	font-style: italic;
}

.smallcaps {
	font-variant: small-caps;
}


li {
    list-style: none;
    font-size: 20px;
}

li:before {
    content:"\2023";
    font-size:120px;
    vertical-align:middle;
    line-height:60px;
}

#gallery {
	box-sizing: border-box;
	margin: 0;
	 text-align: center;
	 margin-top: 2em;
}

.gallery-image {
	margin: 0;
	text-align: center;
	float: left;
	margin-bottom: 32px;
}

.gallery-image:nth-of-type(3n) {
	margin-right: 0;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body {
  font-family: "Open Sans", sans-serif;
}

thead {
	background: #3341af;
	fot-weight: bold;
	color: #fff;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 1em auto;
  padding:0;
  width: 100%;
  background: #252a52;
}
table tr {
  border: 1px solid #ddd;
  padding: 5px;
}
table th, table td {
  padding: 10px;
  text-align: left;
}
table th {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table thead {
    display: none;
  }
  table tr {
    border-bottom: 2px solid #ddd;
    display: block;
    margin-bottom: 10px;
  }
  table td {
    border-bottom: 1px dotted #ccc;
    display: block;
    font-size: 13px;
    text-align: right;
  }
  table td:last-child {
    border-bottom: 0;
  }
  table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
}

a {
	color: #fff;
}

.full-width {
	width: 100%;
	height: auto;
}
.half-width {
	width: 50%;
	height: auto;
}
.three-quarter-width {
	width: 75%;
	height: auto;
}

.credits {
	font-size: 20px;
}
.page {
	background-color: var(--color-0);
	margin: 0 auto;	
	min-height: 100vh;
}

.bottom {
	height: 32px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--color-11);
	z-index: 500;
}

.clear {
	clear: both;
}

.top {
	height: 32px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: var(--color-11);
	z-index: 500;
}

u {
	text-decoration: none;
	font-weight: bold;
	color: var(--color-2);
}


img.right {
	float: right;
	max-width: 600px;
	margin-bottom: 1em;
	margin-left: 1em;
	height: auto;
}
img.left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	max-width: 600px;
	height: auto;
}

.nobdr {
	box-shadow: none;
}

.pixelated {
	image-rendering: pixelated;	
}

.centered {
	text-align: center;
}

div.img {
	text-align: center;
	margin: 1em auto;
}

img.center {
	max-width: 100%;
	height: auto;
}

header {
	font-family: "Murga Quarian", monospace;
	text-align: center;
	font-size: 48px;
}

.main {
	margin: 0 5%;
	text-align: justify;
	font-size: 24px;
}

.fancybox-caption {
	font-family: "Arial", san-serif;
	font-size: 18px;
}

.fancybox-caption em {
	font-style: italic;
	color: #afafaf;
	font-size: 16px;
}

.action-row {
	margin-top: 0.25em;
}

.fancybox-image, .fancybox-spaceball {
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

#clipboard-content 
{
  position: absolute;
  width: 10px;
  height: 10px;
  top: -5000px;
}

:focus {
    outline: none !important;
}

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
	border-radius: 10px;
    background: rgba(16,16,16,0.7); 
}
 

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(153,50,204,0.7); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(153,50,204,0.4);  
}

header h1 {
	margin: 0;
	padding: 0;
}

h2 {
	color: #00f259;
}

hr {
	height: 32px;
	border: none;
	width: 90%;
}