body {background-color: violet;}

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

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

img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 300px;
}
img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
div {
	background-color: violet; 
	opacity: 0.5;	
}

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

.dot {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 60%;
  display: inline-block;
}
/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: gray;
}

/* mouse over link */
a:hover {
  color: blue;
}

/* selected link */
a:active {
  color: red;
}

iframe{
    border-width: 6px;
}

/*iframe center code: https://www.codegrepper.com/code-examples/css/how+to+center+youtube+embed+html */

iframe {
    margin-left: auto;
    margin-right: auto;
    display: block
}

/*@font-face*/

@font-face {
  font-family: 'Updock', cursive;
  src: url(Updock-Regular.ttf);
}

div {
 font-family: 'Updock', cursive;
}