/* aquiiiiii*/
@charset "utf-8";

.paneles{ 
animation-duration: 1000s;
padding: 100px ;
background:hsla(253, 73%, 15%, 0.5);
position: fixed;
top:0;
left:0;
display:flex;
justify-content: center;
align-items: center;
height:100%;
width: 100%;
transition: transform 600ms;    
z-index:300;

}



.paneles p{
    background-color: blue;
}




.paneles[data-on='on']
{
transform: scale(1);
}




.paneles[data-on='off']
{
transform: scale(0);
}