@charset "utf-8";

body {
	height: 100%;
	box-sizing: border-box;
	background-image: url("../images/Worldmap1.png");
	background-size:auto;
	background-attachment: fixed;
}

#container {
	background-color:rgba(152, 48, 43,0.85);
	color:rgb(235,231,208);
	margin: 300px auto;
	padding: 10px;
	height:65%;
	width:80%;
	max-height: 400px;
	max-width: 600px;
	position: relative;
	border-radius:40px/20px;
}

h1 {
	text-align: center;
	margin:0;
	color:rgb(235,231,208);
}

h4 {
	text-align: center;
	margin:0;
	color:rgb(65,73,84);
}

article {
	display:block;
	text-align:center;
	font-weight:bold;
}

ul {
	list-style-type: none;
	font-size:150%;
}

li {
	width: 67%;
	margin:10px auto;
	display: block;
	border-radius:25px / 15px;
	background-color:rgb(65,73,84);
	height: 35px;
	line-height: 35px;
}

li:hover {
	cursor: pointer;
	background-color:rgb(204,186,97);
	color:rgb(65,73,84);
}

li.right {
	background-position: center right;
	background-color:green;
	background-repeat: no-repeat;
	background-image:url("../images/right.png")
}

li.wrong {
	background-position: center right;
	background-color:red;
	background-repeat: no-repeat;
	background-image:url("../images/wrong.png")
}

#advance {
	opacity: 0.0;
	background-color:rgb(235,231,208);
	display: block;
	border-radius:30px/15px;
	margin: 10px auto;
	padding: 10px;
	width:25%;
	height: 65px;
	font-size:120%;
	font-weight:bold;
}

table {
	width:70%;
		margin:50px auto;
}

#Ireland {
    opacity: 0;
    width: 318px;
    height: 179px;
    left: 5%;
    top: 5%;
    position: absolute;
}
#Naples {
    opacity: 0;
    width: 318px;
    height: 239px;
    position: absolute;
    right: 5%;
    top: 5%;
}
#Rome {
    opacity: 0;
    width: 318px;
    height: 239px;
    position: absolute;
    left: 5%;
    top: 27%;
}
#Switzerland {
    opacity: 0;
    width: 318px;
    height: 212px;
    position: absolute;
    right: 5%;
    top: 33%;
}
#Dawson {
    opacity: 0;
    width: 326px;
    height: 168px;
    position: absolute;
    left: 5%;
    top: 57%;
}
#Mexico {
    opacity: 0;
    width: 318px;
    height: 213px;
    position: absolute;
    right: 5%;
    top: 59%;
}
#Turkey {
    opacity: 0;
    width: 197px;
    height: 239px;
    position: absolute;
    top: 5%;
    left: 25%;
}
#Tanzania {
    opacity: 0;
    width: 318px;
    height: 204px;
    position: absolute;
    left: 37%;
    top: 5%;
}
#Nepal {
	opacity:0;
	 width: 318px;
    height: 213px;
    position: absolute;
    left: 57%;
    top: 5%;
}