body {
  color: #000;
  background-color: #fff;
  text-align: center;
}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid #F4A33E;
background: #FCE3C5;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background:#F9C17D;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


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

.Body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-align: left;
  padding: 10px;
}

.MainTitle {
  font-family: Arial, sans-serif;
  font-size: 22px;
}

.MainBody {
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.FormBody, .FormBody input {
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.ExampleBody {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.ResultTitle {
  font-family: Arial, sans-serif;
  font-size: 22px;
}

.ResultBody {
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.ErrorBody {
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.Copyright {
  font-family: Arial, sans-serif;
  font-size: 12px;
}