body {background-color: pink;}

div {
	background-color: pink; 
	opacity: 1;	
}

div {
	background-color: pink; 
	opacity: 1;	
}

img {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 300px;
}

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

.dot {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 60%;
  display: inline-block;
}
/* unvisited link */
a:link {
  color: red;
}
/* 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;
}

.collapsible {
  background-color: #FFB6C1;
  color: #444;
  cursor: pointer;
  padding: 1px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
}

.active, .collapsible:hover {
  background-color: #FF0000;
}

.content {
  padding: 0 1px;
  display: none;
  overflow: hidden;
  background-color: #FFB6C1;
}

.collapsible:after {
  content: '\02795'; 
  font-size: 24px;
  color: pink;
  float: right;
  margin-left: 0px;
}

.active:after {
  content: "\2796"; 
}


#more {display: none;}