body{
font-family: Arial, sans-serif;
margin:0;
background:#0a0a0f;
color:#e0e0ff;
}

/* HEADER */

header{
padding:30px;
text-align:center;
background:linear-gradient(90deg,#ff00cc,#3333ff);
color:white;
text-shadow:0 0 10px #ff00cc,0 0 20px #3333ff;
}

/* CONTENIDO */

main{
max-width:800px;
margin:30px auto;
padding:0 20px;
}

/* POSTS */

.post,
.post-detail{
background:#111122;
border-radius:8px;
padding:20px;
margin-bottom:30px;
border:1px solid #ff00cc;
box-shadow:0 0 10px #ff00cc55,0 0 20px #3333ff33;
}

/* TITULOS */

.post h2,
.post-detail h2{
margin-top:0;
color:#00ffff;
text-shadow:0 0 8px #00ffff;
}

/* META */

.meta{
color:#9999ff;
font-size:0.9em;
margin-bottom:10px;
}

/* LINKS */

a{
color:#ff00cc;
text-decoration:none;
transition:0.2s;
}

a:hover{
color:#00ffff;
text-shadow:0 0 8px #00ffff;
}

/* FOOTER */

footer{
text-align:center;
padding:20px;
background:#111;
margin-top:40px;
border-top:1px solid #ff00cc;
color:#888;
}