@font-face {
    font-family: "Source Sans Pro";
    src: url("fonts/SourceSansPro-Regular.eot"); /* IE9 Compat Modes */
    src: url("fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
         url("fonts/SourceSansPro-Regular.woff") format("woff"), /* Modern Browsers */
         url("fonts/SourceSansPro-Regular.ttf")  format("truetype"), /* Safari, Android, iOS */
         url("fonts/SourceSansPro-Regular.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
    font-family: "Century Gothic";
    src: url("fonts/CenturyGothic.eot"); /* IE9 Compat Modes */
    src: url("fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
         url("fonts/CenturyGothic.woff") format("woff"), /* Modern Browsers */
         url("fonts/CenturyGothic.ttf")  format("truetype"), /* Safari, Android, iOS */
         url("fonts/CenturyGothic.svg#svgFontName") format("svg"); /* Legacy iOS */
}

.navbarfixed
{
	position: sticky;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 9999;
	width: 100%;
	//height: 50px;
	background-color: #7f7f7f;
	color: #ffffff;
	font-size: x-large;
	text-align: center;
}
.navbarfixed a:link {
color: #ffffff;
}
.navbarfixed a:visited {
color: #ffffff;
}
.navbarfixed a:hover {
color: #000000;
}
.navbarfixed a:active {
color: #f0f0f0;
}

.content
{
	max-width: 1700px;
	width: 90%;
	margin: auto;
	background-color: #191919;
	color: #ffffff
}

body
{
	margin: 0;
	font-family: "Source Sans Pro";
}

.cgtextarea
{
	font-family: "Century Gothic";
	color: #ffffff
}

a:link {
color: #ffffff;
text-decoration: underline;
}
a:visited {
color: #ffffff;
}
a:hover {
color: #808080;
}
a:active {
color: #404040;
}

.drag-area{
  border: 2px dashed #000000;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}