@charset "UTF-8";
/* CSS Document */



/* Defaults */
html, body, #quizzie {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 900px;
 /* height: 100%; */
}

* {
  box-sizing: border-box;
}


body {
 background-image:url(file:///Macintosh%20HD/Users/saidahstringer/Desktop/MAJORTEST/background.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
  color: #fff;
  background: rgba(129,47,68,1);
background: -moz-linear-gradient(top, rgba(129,47,68,1) 0%, rgba(99,40,65,1) 40%, rgba(71,34,61,1) 73%, rgba(49,27,57,1) 98%, rgba(49,27,57,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129,47,68,1)), color-stop(40%, rgba(99,40,65,1)), color-stop(73%, rgba(71,34,61,1)), color-stop(98%, rgba(49,27,57,1)), color-stop(100%, rgba(49,27,57,1)));
background: -webkit-linear-gradient(top, rgba(129,47,68,1) 0%, rgba(99,40,65,1) 40%, rgba(71,34,61,1) 73%, rgba(49,27,57,1) 98%, rgba(49,27,57,1) 100%);
background: -o-linear-gradient(top, rgba(129,47,68,1) 0%, rgba(99,40,65,1) 40%, rgba(71,34,61,1) 73%, rgba(49,27,57,1) 98%, rgba(49,27,57,1) 100%);
background: -ms-linear-gradient(top, rgba(129,47,68,1) 0%, rgba(99,40,65,1) 40%, rgba(71,34,61,1) 73%, rgba(49,27,57,1) 98%, rgba(49,27,57,1) 100%);
background: linear-gradient(to bottom, rgba(129,47,68,1) 0%, rgba(99,40,65,1) 40%, rgba(71,34,61,1) 73%, rgba(49,27,57,1) 98%, rgba(49,27,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#812f44', endColorstr='#311b39', GradientType=0 );
}

header img {margin-top:10px;
margin-left:40%;
}
header h3{font-family: Alternate Gothic No3 D;
			color:#f79754;
			text-shadow: 1px 1px 1px #000000;
			font-size: 25px;
			text-align:center;
			margin: 0px;
			padding:0px;
			}

header h1 { font-family: 'origoregular';
			color: #e04141;
			font-size:106px;
			text-shadow: 1px 1px 1px #000000;}
button a 	{text-decoration:none;
color:white;}		
button {width:300px;
		height:60px;	
		border-radius:55px;
		background-color: #d34944;
		border:none;
		text-shadow: 1px 1px 1px #000000;
		-webkit-box-shadow: 0px 9px 1px 0px rgba(153,39,57,1);
-moz-box-shadow: 0px 9px 1px 0px rgba(153,39,57,1);
box-shadow: 0px 9px 1px 0px rgba(153,39,57,1);
		margin-top:5%;
		margin-left: 36%;
		color: white;
		font-family: 'origoregular','sans-serif';
		font-size:36px;
		
		
		
-webkit-transition: all 10s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
		
}			
button:hover {background-color: #15b687;
				}			
			


h1 {
  font-family: 'bebas_neueregular', 'sans-serif';
  font-size: 2.5em;
}

h2, p {
    font-family: 'bebas_neueregular', 'sans-serif';

  font-size: 2em;
  
}


/* Float */


.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}



.question,.question-wrap p,h2,.results-inner p {color: #d34944;
font-size: 60px;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000000;}


h1, h2, p {
  text-align: center;
  display: block;
  width: auto;
  margin: 1%;
}

#quizzie {
  padding: 5% 0;
  /* Individual Steps/Sections */
  /* Content */
}
#quizzie ul {
  list-style: none;
  display: block;
  width: auto;
  margin: 2% 2%;
  padding: 2%;
  overflow: auto;
  display: none;
  /* Step Questions and Answer Options */
}
#quizzie ul.current {
  display: block;
}
#quizzie ul li {
  display: inline-block;
  float: left;
  width: 49%;
  margin-right: 2%;
  overflow: auto;
  text-align: center;
}
#quizzie ul li.quiz-answer {
  cursor: pointer;
}
#quizzie ul li.question, #quizzie ul li.results-inner {
  display: block;
  float: none;
  width: 100%;
  text-align: center;
  margin: 0;
  margin-bottom: 2%;
}
#quizzie ul li.results-inner {
  padding: 5% 2%;
}
#quizzie ul li.results-inner img {
  width: 250px;
}
#quizzie ul li:last-child {
  margin-right: 0;
}
#quizzie .question-wrap, #quizzie .answer-wrap {
  display: block;
  padding: 1%;
  margin: 1em 10%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#quizzie .answer-wrap {
  background: #15b687;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#quizzie .answer-wrap:hover {
  background: DarkTurquoise;
}