h1 {
  color: black;
}
body {
  color: white;
  background-color: orange;
}
div {
	background-color: orange; 
	opacity: 0.5;	
}
img {
  border: 1px solid #ddd;
  border-radius: 1px;
  padding: 2px;
  width: 150px;
}

img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/* sets the background image and border for first table */

table.table1 {background-image: url("../images/earth.jpg");
border: solid 3px #0000ff;
}

/* sets the border for cells inside the first table */

table.table1 td {
	border: solid 2px #0000ff;
}

/* sets the border for the second table */
table.custom_class {
	 border:solid 1px #006CFF;
}

/* settings for the second table th */
table.custom_class th {
  padding: 15px;
  background-color:blue;
  border: solid 1px #ff0000;
}
/* settings for second table td */
table.custom_class td {
  padding: 5px;
  border:solid 1px #006CFF;
}
table.custom_class tr {
    margin:0;
    padding:4px;
}

table.custom_class{background-color: gray;
}

.dot {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 60%;
  display: inline-block; 
}
/* unvisited link */
a:link {
  color: blue;
}
/* visited link */
a:visited {
  color: gray;
}
/* mouse over link */
a:hover {
  color: yellow;
}
/* selected link */
a:active {
  color: red;
}
p {
  font-family: "Times New Roman", Times, serif;
}