body {background-color: violet;}

div {
	background-color: purple; 
	opacity: 0.5;
}	

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

table, th, td {
  border: 1px solid black;
}

div.table1 {
  text-align: center;
}

.fred {
  background-color: white;
  color: black;
  border: 2px solid black;
  margin: 25px;
  padding: 30px;
}

.wilma {
  background-color: pink;
  color: black;
  border: 2px solid black;
  margin: 25px;
  padding: 30px;
  text-shadow: #0000FF 1px 0 10px;
}

.dot {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 60%;
  display: inline-block; 
}

img {
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 2px;
  width: 200px;
}

.left {width: 300px;
float: left;
background-color: pink;
}

.right {width: 300px;
float: left;
background-color: blue;
}

.footer {clear: both;
width: 600px;
background-color: white;
}


/* 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;
}

iframe{
    border-width: 6px;
}