body{
	margin:0px;
	background:#282749;
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#harita{
	margin:auto;
	position:relative;
}
.button{
	display: inline-block;
	text-align: center;
	color:#eee;
	background: linear-gradient(#2c5784, #2c5784);
	cursor:pointer;
	font-family:Tahoma;
}
.buttons{
	text-align:center;
}
.satir{
	text-align:center;
	width:100%;
}
#soru{
	display:inline-block;
	color:#eee;
	background:#b80c09;
	font-family:Tahoma;
}
#yenile{
	display:inline-block;
	margin:auto;
	color:#eee;
	background:url('../img/yenile.png') #b87209;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 75%;
	font-family:Tahoma;
	cursor:pointer;
}
#puan{
	display:inline-block;
	margin:auto;
	color:#eee;
	background:url('../img/dogru.png') #05b44d;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-size: auto 40%;
	font-family:Tahoma;
	text-align:center;
}
.mesaj-div{
	position:relative;
	width:100%;
	height:100%;
}
#mesaj{
	box-sizing: border-box;
	background: url('../img/dogru.png') #000;
	background-repeat: no-repeat;
	background-position: center 15%;
	background-size: 70%;
	display: none;
	color:#fff;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align:center;
	font-family:Tahoma;
	font-weight:bold;
}
#mesaj-text{
	box-sizing: border-box;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	background:#fff;
	color:#282749;
}
#mesaj-ust{
	color:#fff;
}

/* Landscape */
@media (min-aspect-ratio: 1/1) {
	.satir{
		margin-top: 1vh;
		margin-bottom: 2vh;
	}
	#yenile{
		border-radius: 1vh;
		width: 7vw;
		height: 8vh;
		line-height: 8vh;
		font-size: 5vh !important;
	}
	#soru{
		margin: auto 0.5vw;
		border-radius: 1vh;
		width: 80%;
		height: 8vh;
		line-height: 8vh;
		font-size: 5vh !important;
	}
	#puan{
		border-radius: 1vh;
		width: 7vw;
		height: 8vh;
		line-height: 8vh;
		font-size: 5vh !important;
	}
	.button{
		border: 1px solid #333;
		width: 30%;
		height: 8vh;
		line-height: 8vh;
		border-radius: 1vh;
		margin: 1vh;
		font-size: 5vh !important;
	}
	#mesaj{
		border-radius: 2vh;
		width:40vh;
		height:40vh;
		box-shadow: 0 0 2vh 1vh rgba(0,0,0,0.75);
	}
	#mesaj-text{
		padding:1vh;
		width:100%;
		border-bottom-left-radius: 2vh;
		border-bottom-right-radius: 2vh;
		font-size:5vh;
	}
	.bitti{
		padding-top: 3vh;
		font-size: 4vh;		
	}
	.bitti img{
		width:4vh;
	}
	.bitti-title{
		margin:2vh 0;
	}
	.bitti-dogru{
		display: inline-block;
		background: #05b44d;
		margin: 1vh 3vh;
		width: 10vh;
		height: 10vh;
		line-height: 10vh;
		border-radius: 1vh;		
	}
	.bitti-yanlis{
		display:inline-block;
		background:#b80c09;
		margin: 1vh 3vh;
		width: 10vh;
		height: 10vh;
		line-height: 10vh;
		border-radius: 1vh;	
	}
}

/* Portrait */
@media (max-aspect-ratio: 1/1) {
	.satir{
		margin-top: 5vw;
		margin-bottom: 3vw;
	}
	#yenile{
		border-radius: 2vw;
		width: 10vw;
		line-height: 10vw;
		line-height: 10vw;
		font-size: 4vw !important;
	}
	#soru{
		margin: auto 1vw;
		border-radius: 5px;
		width: 70vw;
		line-height: 10vw;
		height: 10vw;
		font-size: 4vw !important;
	}
	#puan{
		border-radius: 2vw;
		width: 10vw;
		line-height: 10vw;
		line-height: 10vw;
		font-size: 4vw !important;
	}
	.button{
		border: 1px solid #333;
		width: 75vw;
		height: 10vw;
		line-height: 10vw;
		border-radius: 2vw;
		margin: 2vw 0;
		font-size: 5vw !important;
	}
	#mesaj{
		border-radius: 2vw;
		width:50vw;
		height:50vw;
		box-shadow: 0 0 25px 9px rgba(0,0,0,0.75);
	}
	#mesaj-text{
		padding:2vw;
		width:100%;
		border-bottom-left-radius: 2vw;
		border-bottom-right-radius: 2vw;
		font-size:5vw;
	}
	.bitti{
		padding-top: 3vw;
		font-size: 5vw;		
	}
	.bitti img{
		width:4vw;
	}
	.bitti-title{
		margin:2vw 0;
	}
	.bitti-dogru{
		display: inline-block;
		background: #05b44d;
		margin: 1vh 3vw;
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
		border-radius: 1vw;		
	}
	.bitti-yanlis{
		display:inline-block;
		background:#b80c09;
		margin: 1vh 3vw;
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
		border-radius: 1vw;	
	}
}