h1
{ 
font-family: "Times New Roman", Georgia, Serif;
 
font-stretch: semi-expanded;
font-size:20px;
color:blue; 
}

.hide {
    display: none; 
}
.hide + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide + label {
  font-size:20px;  
  border-bottom: 1px dotted green;
    padding: 0;
    color: white;
    cursor: pointer;
    display: inline-block; 

}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
  color:#F527DD; 
  background: #27F55B;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}

/* demo контейнер */
.demo {
  font-size:20px; 
    margin: 5% 10%;
}