@import url(http://fonts.googleapis.com/css?family=Belleza:300,100,400);
@import url(http://fonts.googleapis.com/css?family=Rum+Raisin);
@import url(http://fonts.googleapis.com/css?family=Rosario);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two);

* {
  margin: 0;
  padding: 0;
  border: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  list-style-type: none
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #e8e8e8;
}
html {
	font-family: 'Rosario', sans-serif;
}
body {
	margin: 0;
	color: #666768;
	background: #fff;
}
img {
	border: 0;
}
h1 {
	color: #666768;
	font-family: 'Lobster Two', sans-serif;
}
h2 {
	color: #666768;
	font-family: 'Lobster Two', sans-serif;
}
h3 {
	color: #666768;
	font-family: 'Lobster Two', sans-serif;
}
h4 {
	color: #666768;
	font-family: 'Lobster Two', sans-serif;
}
/* ---end NAVIGATION--- */
#main {
	background: #b5b5b5;
	width: 100%;
	position: relative;
	margin: auto;
	font-size: 25px;
}
#card {
  position: relative;
  margin: auto;
  width: 90%;
  background-color: white;
  color: black;
  text-align: center;
}
#home {
  position: relative;
  margin: auto;
  height: 500px;
}
#home b {
  font-style: italic;
  color: red;
}
#vol1, #vol2, #vol3, #all {
  position: relative;
  margin: auto;
  width: 100%;
  height: 133px;
}
.seq, .ran {
  
}
#ques,#ans {
  display: none;
  margin: auto;
  padding: 20px;
  text-align: left;
  \\width: 70%;
}
#ques {
  height: 400px;
  \\border-bottom: 1px solid black;
}
#ans {
  height: 100px;
  color: red;
}
#controls1, #controls2 {
  position: relative;
  margin: auto;
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: gray;
}
#start, #justify, #clear {
  position: relative;
  margin: auto;
}
#prev, #next {
  position: relative;
  float: left;
  width: 50%;
}