JSFiddle - React, Tailwind, and code Playground

HTML

<body>
			<!--Background-->
			<div id="background">
                <img src="blue.jpg" class="stretch" alt="" />
			</div>
			<!--Logo-->
			<div align = "center">
				<img src = "TT_Logo.png">
			</div>
			<!--Nav Bar-->
			<div align = "center">
				<p><div style="width:900px;height:60px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color:white; opacity:0.52;"></div></p>		
			</div>
			<!--Bottom Content Box-->
			<div align = "center">
				<p><div style="width:900px;height:900px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color:white; opacity:0.52;"></div></p>
			</div>
			<!--Date&By-->
			<div id="DateAndBy">
				<div align = "center">
					<p>Posted by Sir Biscuit, November 5, 2014</p>
				</div>
			</div>
				<div id="NewsPosts">
					<p>Toontown Classic is coming soon! Toontown Classic is coming soon</p>
		</div>
     </body>

CSS

body {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}
#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; 
}
.stretch {
    width:100%;
    height:100%;
}
#DateAndBy {
	position: relative;
	bottom: 0px;
	top: -930px;
	font-size: 3vw;
	margin-left: 10; 
	margin-right: 10; 
	text-indent: 5; 
}
#NewsPosts{
position: relative;
bottom: 0px;
top: -925px;
width: 45%;
text-align: center; 
margin: 0 auto;
font-size: 2vw; 
margin-left: 10; 
margin-right: 10; 
text-indent: 5; 
}