body {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
  background-image: url("images/wallpaper.png");
}

.selection {
    margin-top: -24px;
	margin-left: 5px;
	background-color: rgba(47,47,47,0.3);
	width: 270px;
	height: 400px;
	float: left;
	right: 390px;
    overflow-y: auto;
}

.header {
	width: 82%;
	background-color: rgba(5,5,5,0.5);
	border-color: rgb(200,200,50);
	border: dashed;
	border-width: 1px;
	border-radius: 5px;
	color: rgb(255,255,255);
	display: inline-block;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
}

#county {
	position: absolute;
	top: 10.95%;
	left: 70%;
}

#country {
    position: absolute;
	top: 10.95%;
	left: 44%;
}

#region {
	position: absolute;
    width: 400px;
	height: 360px;
    margin: -100px 0 0 -200px;
    top: 25.5%;
    left: 20%;	
    background-color: rgba(37,37,37,0.5);
	border-color:rgb(250,250,0);
	padding: 20px;
	font-size: 78px;
	text-align: center;
	color: white;
}

li {
	width: 70%;
	background-color: rgba(50,50,50,0.3);
	border-color: rgb(200,200,200);
	border: solid;
	border-width: 1px;
	border-radius: 5px;
	color: rgb(250,250,250);
	display: inline-block;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
}


.input_field input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  border: solid;
  border-color: rgb(50,50,50);
  border-width: 1px;
  border-radius: 5px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
  width: 1022px;
  height: 50px;
  position: absolute;
  top: 85%;
  left: 1.7%;	
}