@charset "utf-8";

p1{
	font-size: 20px;
	font-family: Courier;
	text-align: center;
	color: white;
	font-variant: small-caps;

}

p{
	color:#404040;
	font-size: 14;
}

h1{
	font-size: 30px;
	font-family: Courier;
	text-align: center;
	color: white;
	font-variant: small-caps;
}

.city{
	background-color: #abb5ba;
	color: #404040;
	padding: 5px;
	box-shadow: 0 9px #ffcce6;
	border-radius:5px;
}

body {
	background-color:lightblue;	
}

ul {	
list-style-type: none;	
margin: 0;	
padding: 0;
overflow: hidden;
background-color: #262626 ;
box-shadow: 0 9px #000000;
border-radius:5px;   
}

li {float: left;}

li1 {float: right;}

li a, .dropbtn {	
	display: inline-block;	
	color: white;	
	text-align: center;	
	padding: 14px 16px;	
	text-decoration: none;	
	border-top-left-radius: 5px;   	
	border-top-right-radius: 5px;    	
	border-bottom-right-radius: 0px ; 	
	border-bottom-left-radius: 0px ;

}

li a:hover, .dropdown:hover .dropbtn {
	background-color: #2f5cb6;
}

.dropdown-content {
	
	display: none;	
	position: absolute;	
	margin-top: -5px;	
	background-color: #262626;	
	width:137px;	
	z-index: 1;  	
	border-radius: 0 0 5px 5px;	
	box-shadow: 0 9px #000000 !important;
}

.dropdown-content a {
	
	color: white;	
	padding: 5px 5px;	
	text-decoration: none;	
	display:block;	
	text-align: center; 

}
.dropdown-content a:hover {background-color: #9ab3e5}

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

li{	
	
font-family: verdana;	
font-size: 15px;	
font-variant: small-caps;
}

li1{
	
font-family: verdana;	
font-size: 15px;	
font-variant: small-caps;
}