/* TODO: add background screenshot */
body {

}

/* Updates */
.urp_news_container {
	position: fixed;
	
	/* position */
	top: 16%;
	left: 20%;

	/* size */
	width: 60%;
	height: 80%;

	/* border */
	border-style: solid;
	border-color: #555555;
	border-width: 5px;

	box-shadow: 0px 0px 2px 2px #555555, inset 0px 0px 2px 2px #555555;

	/* display */
	background-color: #222222;
	color: #dddddd;

	/* flex */
	display: flex;
	flex-direction: column;
	align-content: start;

	/* overflow */
	overflow-y: scroll;
}

.urp_news_post {
	/* position */
	position: relative;
	left: 2%;

    flex-grow: 0;
    flex-shrink: 0;

	/* size */
	width: 95%;
	height: 200px;

	/* border */
	border-style: solid;
	border-color: #555555;
	border-width: 5px;

	box-shadow: 0px 0px 2px 0px #555555;
}

.urp_news_post .urp_news_post_title{

	/* position */
	position: relative;

	/* size */
	width: 100%;
	height: 15%;

	/* font */
	font-size: 12px;
	font-weight: 600;
	font-family: monospace;

	/* border */
	border-style: solid;
	border-color: #aaaaaa;
	border-width: 5px;
	border-style: none none solid none;
}

.urp_news_post_title h1 {
	/* position */
	position: relative;
	left: 2%;
}

.urp_news_post .urp_news_post_preview{
	/* position */
	position: relative;
	left: 2%;

	/* size */
	width: 100%;
	height: 100%;

	/* font */
	font-size: 16px;
	font-weight: 600;
	font-family: monospace;
}

/* END Updates */