/* lab4.css */

body
{
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Helvetica, sans-serif;
}

.headline
{
  background-image: url("https://cs.csubak.edu/~jsosa2/cs2680/pictures/sunset_palmtrees.jpg");
  background-color: rgb(35,37,36);
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.intro
{
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

h1
{
	font-family: Brush Script MT;
	font-style: normal;
	font-variant: small-caps;
	font-size: 50px;
}
h3
{
	font-family: Georgia;
	font-size: 25px;
}

.questions
{
  	background-color: rgb(0,0,0);
  	height: 500px;
  	border: 5px dotted white;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.textq
{
	outline: rgb(252,241,177) solid 2px;
	margin: auto;
	padding: 20px;
	text-align: center;
 	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	color: white;
}

.answers
{
	background-color: white;
  	height: 500px;
  	border: 5px dashed black;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.texta
{
	outline: rgb(113,81,90) solid 5px;
	margin: auto;
	padding: 20px;
	text-align: center;
 	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	color: black;
}