#lelemaza {
width: 80%;
height: auto;
margin: 0 auto;
display: grid;
}

#uno,
#dos,
#tres,
#cuatro,
#cinco,
#seis {
display: none;
}

#lelemaza label {
cursor: pointer;
display: flex;
}

#lelemaza h2 {
width: 100%;
font-size: 32px;
border-bottom: 1px solid #898989;
padding: 10px 0px;
}

#lelemaza label img {
width: 15px;
position: relative;
left: 10px;
top: 5px;
opacity: .6;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}

#lelemaza h3 {
width: 100%;
font-size: 20px;
transition: all .7s;
-webkit-transition: all .7s;
-moz-transition: all .7s;
text-align: center;
}

#lelemaza h3:hover {
color: #951313;
}

#lelemaza p {
display: none;
transform: translateY(-20px);
transition: all .6s;
-webkit-transition: all .6s;
-moz-transition: all .6s;
text-align: center;
}

#uno:checked ~ #aa {
display: block;
transform: translateY(0px);
}

#uno:checked ~ label #ba{
transform: rotate(-180deg);
}

#dos:checked ~ #ab {
display: block;
transform: translateY(0px);
}

#dos:checked ~ label #bb{
transform: rotate(-180deg);
}

#tres:checked ~ #ac {
display: block;
transform: translateY(0px);
}

#tres:checked ~ label #bc{
transform: rotate(-180deg);
}

#cuatro:checked ~ #ad {
display: block;
transform: translateY(0px);
}

#cuatro:checked ~ label #bd{
transform: rotate(-180deg);
}

#cinco:checked ~ #af {
display: block;
transform: translateY(0px);
}

#cinco:checked ~ label #bf{
transform: rotate(-180deg);
}

#seis:checked ~ #ag {
display: block;
transform: translateY(0px);
}

#seis:checked ~ label #bg{
transform: rotate(-180deg);
}