JSFiddle - React, Tailwind, and code Playground

HTML

<body>

	<div id="myQuiz">
	
	<h1>Test your knowledge:<span>Saturn</span></h1>
	<div class="progress"></div>
	<div class="intro"></div>
	
	<h2>Welcome</h2>
	<p>Click begin to test your knowledge of Saturn</p>
	<p class="btn">Begin</p>
	<div class="question"></div>
	<div class="results"></div>
	
	
	
	
	
	</div>
		

	</body>

CSS

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:900|Roboto:400,100);

body { background-color: #fff; padding: 20px; }

#myQuiz {
   font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400;
   width: 650px; height: 650px;
   position: relative;
   overflow: hidden;
   color: #fff;
   background: #000 url(../images/background.jpg) no-repeat 0px 0px;
}
#myQuiz h2 { font-size: 3em; margin: 0px; font-weight: 100;}
#myQuiz h3 { font-size: 2.4em; margin: 0px; font-weight: 100;}
#myQuiz p { margin: 0px 0px 40px 0px;}
#myQuiz .btn {
	display: inline-block; cursor: pointer; background-color: #c04b01;
	color: #fff; text-decoration: none;
	padding: 5px 15px; border-radius: 6px;
}

#myQuiz .intro { position: absolute; top:225px; left: 660px; width: 550px;}
#myQuiz .intro p { margin: 0px 0px 40px 0px; }