@charset utf-8;
@import url(https://fonts.googleapis.com/css?family=Oswald:200);

body{
	background-color:black;
	font-family:Oswald,sans-serif;
}
div{
	#border-style:solid;
	#border-color:white;
}
#header{
	top:0;
	min-width:500px;
	width:80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
	position:relative
}
#leftlogo img{
	width:25%
	max-width:250px;
	position:absolute;
	transform: scaleX(-1);
	left:0;
	top:0;
	z-index: -999;
}

#thetitle{
width:65%;
max-width:600px;
min-width:300;
margin-left:auto;
margin-right:auto;
}

#thetitle img{
	width:100%;
}

#rightlogo img{
	width:25%
	max-width:250px;
	position:absolute;
	right:0;
	top:0;
	z-index: -999;
}
#contentleft,#contentright{
    width:25%;
	max-width:250px;
	position:absolute;	
	#border-style:solid;
	#border-color:grey;
}

.contentleft{
	text-align:left;
	background: rgba(0, 0, 0, 0.1);
	margin:5px;
	padding:2px;
	
}
.contentright{
	text-align:right;
	background: rgba(255, 255, 0, 0.1);
	margin:5px;
	padding:10px;
	border-radius:15px;
}

#content{
	#border-style:solid;
	#border-color:grey;
	width:60%;
	height:calc(100%-170px);
	overflow:auto;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	color:white;
	#background-color:black;
	#opacity:0.25;
	background: rgba(0, 0, 0, 0.45); 
	border-radius:15px;
	padding:5px 10px 0px 10px;
	
}
.adate{
	color:yellow;
}

#footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	min-width: 400px;
	text-align:center;
	color:white;

}
a{
		text-decoration:none;
		color:yellow
}

#content::-webkit-scrollbar { 
                display: none; 
            }