* {box-sizing: border-box;}

body { background-image: url("donut.jpg")

}

.jumbotron h1{
	margin-bottom: 30px;
	margin-left: 25px;


}

.nav navbar-nav {
	color: blue;
}

#logo {
	    text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
    color: gold;
    font-weight: bold;
    margin-left: 50px;
    margin-top: 12.5px;
    font-size: 36px;
    font-family: 'Rock Salt', bold;

}

#beginner {
	color:gold;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	text-align:center;
	border-style:groove;
	border-right:none;
	font-family: 'Rock Salt';
	font-weight: bold;
	border-radius: 3px;
	border-left: none;
	border-top: none;
	background: lightblue;
	border-color: darkred;
}


.container-fluid>.navbar-header {}

.flip-container {
 -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    float: left;
    overflow: auto;
    position: relative;
    margin-right: 25px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 25px;
    margin-left: 24.5px;
    /* border: 1px solid #ccc; */
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/*.nav {
	width: 90%;
}*/

.nav>li {display:inline-block;
color: red;}
/*nav li a {
	    color: darkgreen;
    text-decoration: none;
   
    display: inline-block;
    border-left: 1px solid #ddd;
    padding-left: 15px;
    line-height: 18px;

}*/

li {
	color: red;
}

.dropdown {

}
#score {
	background-size: cover;
		color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
	font-family: 'Rock Salt', bold;
	font-weight:bold;
}

#counter {
background-size: cover;
		color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
	font-family: 'Rock Salt', bold;
	font-weight:bold;
	
}

#total {
	color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
	font-family: 'Rock Salt', bold;
	font-weight:bold;
}

#game-over {
	color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
	font-family: 'Rock Salt', bold;
	font-weight:bold;
}

.answer-buttons {
	color:red;
	margin:15px;
	margin-top: 15px;
	background: blue;
	padding:7px;
	font-size: 20px;
	outline:none;
	text-align:center;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
		color: gold;
	font-family: 'Rock Salt', bold;
	background: #2982bc; 
	border:none;
	border-radius: 5px;
}

.answer-button {
	color:red;
	margin:15px;
	padding: 7px;
	margin-top: 15px;
	background: blue;
	font-size: 20px;
	outline:none;
	text-align:center;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
		color: gold;
	font-family: 'Rock Salt', bold;
	background: #2982bc; 
	border:none;
	border-radius: 5px;
}

h2 {
	/*background: lightblue;
}*/}
#subwrapper {

  /*  margin-left: auto;
    margin-right: auto;
    width: 960px;
*/    font-family: 'Rock Salt', bold;

    color:yellow;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
}

.pic {
	max-height: 400px;
	max-width:350px;
	margin-bottom:20px;
	/*margin-left: 350px;*/
}

#reset {
	font-size: 30px;
	color: gold;
	font-family: 'Rock Salt', bold;
	background: #2982bc; 
	max-width:400px;
		text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	border:blue;
	margin-top: 40px;
	outline:none;
}


.jumbotron {
	margin-top: 120px;

	 background: url("simpsons-cloud.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: center;
    background-size: cover;
		color:gold;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	margin-left:auto;
    margin-right:auto;
    width:960px;
    border-width:3px;
	border-radius: 3px;
	border-style:groove;
border-color: rgba(251, 0, 255, 0.99);
}

li {
	list-style-type: none;
}

.burns {
	border-style: groove;
	border: blue;
	margin-top: 40px;
}

#start { /*margin-left: 500px;*/
font-size: 30px;
	color: gold;
	border-width:3px;
	border-radius: 3px;
	border-style:groove;
border-color: rgba(251, 0, 255, 0.99);
	font-family: 'Rock Salt', bold;
	background: #2982bc; 
	max-width:400px;
	outline:none;
		text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	
	/*margin-top: 250px;}

.container {margin-top:50px;
	background-size: cover;
	width:950px;
	/*background-image: url("simpsons-cloud.jpg")*/
	
}

#medium {
	font-size: 30px;
	color: gold;
	border-width:3px;
	border-radius: 3px;
	border-style:groove;
border-color: rgba(251, 0, 255, 0.99);
	font-family: 'Rock Salt', bold;
	background: #2982bc; 
	max-width:400px;
	outline:none;
	    padding: 8px;
	    margin:20px;
		text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	
}



#easy {
	font-size: 30px;
	color: gold;
	border-width:3px;
	    padding: 8px;
	border-radius: 3px;
	border-style:groove;
border-color: rgba(251, 0, 255, 0.99);
	font-family: 'Rock Salt', bold;
	background: #2982bc; 
	max-width:400px;
	outline:none;
		text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	
}

#start:onclick {
	color:green;
}

#start:hover {
	color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
}

sup {
	font-size: 4px;
}

h1 {
/*margin-left: 500px;*/
font-size: 40px;
	color: gold;
	font-family: 'Rock Salt', bold;
	width:750px;
/*	background: #2982bc; */


	border:blue;
	/*margin-top: 250px;*/}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-top: -10px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-top: -10px;
}
.navbar-inverse .navbar-nav>li>a {
color: gold;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	font-weight: bold;
	font-family: 'Rock Salt', bold;	
	margin-bottom: 10.5px;
	font-size: 18px;
}

.navbar-inverse .navbar-nav>li>a:hover {
	color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
}


.navbar-inverse .navbar-nav>.open>a {
		background-color: transparent
}

#logo:hover {
color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
}
.navbar-inverse .navbar-nav>.open>a:hover {
	background-color: transparent;
}
 
.dropdown-toggle {
	
}

.container-fluid {
	background: #00feff;
	height:100%;
	border-color: blue;
	 background: url("simpsons-cloud.jpg") no-repeat;
    background-size: cover;
    border-style: groove;
    border-top: none;
    border-right:none;
    border-left:none;

}

.navbar-inverse {
	border-style: groove;
	border: 2px darkred;
}

#right {
	margin-right: 100px;
}

.dropdown-menu {
background:transparent;
color: red;
border:none;
left:40px;
padding-bottom: 0px;
}

.dropdown-menu:hover {}

#masthead {}

#med {
	color:gold;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	text-align:center;
	border-style:groove;
	border-right:none;
	font-family: 'Rock Salt';
	font-weight: bold;
	border-radius: 3px;
	border-left: none;
	border-top: none;
	background: lightblue;
	border-color: darkred;

}
.dropdown-menu>li>a {
color:gold;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	text-align:center;
	border-style:groove;
	border-right:none;
	font-family: 'Rock Salt';
	font-weight: bold;
	border-radius: 3px;
	border-top: none;
	background: lightblue;
	border-color: darkred;

}

.dropdown-menu>li>a:hover {
	background:blue;
	font-family: 'Rock Salt';
	font-weight: bold;
	color:red;
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
}

#expert {
	border-bottom: none;
}

.logo {width: 300px;
		height: 90px;
		background: lightblue;
		font-family: 'Georgia', Times, Times New Roman, serif;
		text-align: center;
		line-height: 90px;
		margin-left:125px;
		border-radius: 12px;
			text-shadow: -1px 0 darkblue, 0 1px darkblue, 1px 0 darkblue, 0 -1px darkblue;
		padding:30px;
		color: black;
		font-weight:700;
		font-size: 30px;
		text-decoration: none;
		}

.nav    {float:right;
margin-top:25px;
}
#again {
	color:blue;
}

nav li a:hover {
	background-color: blue;
}

nav a:first-child
 	{border-left: 0 none;}

#outcome {

	    width: 500px;
    margin-top: 20px;
    margin-left: 205px;
    border-style: none;
    margin-bottom: 15px;
    border:none;
    background:none;
    color: gold;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	font-weight: bold;
	font-family: 'Rock Salt', bold;
    background:none;
}


#header {
	background-color: #7bafd4;
	margin-top: 50px;
	border:none;
	width: 500px;
	   border-style: none;
	margin-left:205px;
	opacity: 0.8;
	border: 20px;

	color: yellow;
	font-family: 'Rock Salt', bold;}


#timer {
	border: none;
	text-align: center;
	color: yellow;
	   border-style: none;
	background: none;
	
	margin-top: 20px;
	font-size:24px;
}