/* Basic Selectors */

body {
	background-color: black;
	border-style: solid;
    border-width: 5px;
	border-color: purple;
}

.city-img1 {
	border-style: solid;
    border-width: 5px;
	border-color: purple;
}

.city-img2 {
	border-style: solid;
    border-width: 5px;
	border-color: blue;
}

div {
	width: 750px;
	margin: 12px;
	border-color: purple;
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
	margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;
    background-color: lightblue;
}

.city1 {
  background-color: orange;
  color: white;
  border: 2px purple;
  margin: 20px;
  padding: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: purple;
}

.city2 {
  background-color: orange;
  color: white;
  border: 2px purple;
  margin: 20px;
  padding: 20px;
  border-style: dotted;
  border-width: 5px;
  border-color: red;
}

.city3 {
  background-color: orange;
  color: white;
  border: 2px purple;
  margin: 20px;
  padding: 20px;
  border-style: dotted dashed solid double;
  border-width: 5px;
  border-color: red;
}

.span1 {
	color: green
}

.span2 {
	color: blue
}

.span3 {
	color: black
}

.span4-p {
	color: blue
}

.span5 {
	color: purple
}

.span6 {
	color: gray
}


h1 {
	color: red;
}

h2 {
	color: red;
}

h3 {
	color: red;
}

p {
	color: white;
}

a {
	color: red;
}

/* List Selectors */

ul {
	color: lightblue;
}

ol {
	color: lightblue;
}

li {
	color: blue;
}

dl {
	color: lightgray;
}

dt {
	color: lightgray;
}

dd { 
	color: lightgray;
}

/* Table */

th {
	border: 1px solid white;
	color: blue;
}

td {
	color: lightblue;
	border: 1px solid white;
}

caption {
	color: purple;
}

table {
	border: 1px solid white;
	border-collapse: collapse;
}