@font-face {
  font-family: "News Cycle";
  src: url("../fonts/NewsCycle-Regular.ttf");
}
@font-face {
  font-family: "News Cycle";
  font-weight: bold;
  src: url("../fonts/NewsCycle-Bold.ttf");
}

@font-face {
  font-family: SWCrawlTitle;
  src: url("../fonts/SWCrawlTitle.ttf");
}

@font-face {
  font-family: SWCrawlBody;
  src: url("../fonts/SWCrawlBody.ttf");
}

.asc-starwars .asc-copy {
	width: 100%;
	button {
		
	}
}

.asc-starwars .journal-entry-content, .asc-starwars .editor-container, .chat-message.asc-starwars .message-content  {
	background-image:url(../artwork/stars.png) !important;
	background-repeat:repeat !important;
	background-position:center top !important;
	background-color:black !important;
	color: #ffd54e;
	font-family:SWCrawlBody;

	.journal-header {
		display: none;
	}

	.editor-content {
		width:80%;
		padding-top: 1rem;
	}

	&.journal-entry-content {
		padding-top: 2rem;
		article{
			width:80%;
		}
	}

	&.message-content {
		width: 100%;
		padding: 1em;
	}

	article {
		transform:perspective(300px) rotateX(10deg);
	}

	article, .editor-content, &.message-content { 
		font-size:larger;
		margin:auto;

		a.content-link {
			background: inherit;
			text-transform: uppercase;
			border: none;
			font-weight: 900;
		}

		&.message-content {
			border-radius: 0.4rem;
		}

		&.editor-content {
			p, strong, em {
				border: #686868BF 1px solid;
				border-radius: .3rem;
				padding: .2rem;
				margin: .2rem;
		}
		}

		h1 {
			text-align:center;
			border-bottom:none;
			font-size:inherit;
			line-height:1.5em;
		}

		h2 {
			text-align:center;
			padding-bottom: 8px;
			border-bottom:solid #ffffff4a 1.1px;
			font-size:xxx-large;
			text-transform: lowercase;
			font-family:"SWCrawlTitle";
		}

		em, strong {
			text-transform:uppercase;
			font-weight:bold;
			font-size:1.2em;
			font-style: inherit;
		}

		strong {
			
			padding-right:.5em;
		}

		p {
			text-align:justify;
			margin-bottom: 1em;
			line-height:1.35em;
		}
		
	}

}