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