.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
font-size:18px;
font-family:Copperplate Gothic Bold;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
background: rgba(20, 223, 182, 0.65);
color:#00014e;;
}
.openpet a:hover { /*class added to contents of 1st demo when they are open*/
color:#00014e;;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}
.thepet{
background: rgba(43, 180, 214, 0.48);
border: 1px solid blue;
}
.thepet p 
{
color:#00014e;;
font-size:14px;
font-weight:bold;
font-family:"Arial", Times, serif;

}
.thepet span 
{
color:#00014e;;
font-size:14px;
font-family:"Arial", Times, serif;

}
.thepet a 
{
color:brown;
}
.thepet a:hover 
{
color:green;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}