* {
    font-family: sans-serif;
}

body {
    background-color:rgb(27, 27, 27);
    color:#cbecff;
}



a { text-decoration: none; color: #9dcde7; }
a:hover { text-decoration: underline; color:#428bca; }

#page {
    margin-top: 1.8rem;
}

#page-inner {
    margin: 1rem auto;
    max-width: 40rem;
}

header {
    border-bottom: 1px solid #527486;
    margin-bottom: 3rem;
}

.menu ul {
    list-style: none;
    padding-left: 0;
}

.menu li {
    display: inline-block;
    margin-right: 1rem;
}

.menu a { line-height: 2rem; display: inline-block; }
.menu a.active { font-weight: bold; }

.menu i { font-size: 1.6rem; vertical-align: middle; margin-top: -4px; }

.post-listing .post { margin-bottom: 1rem; }

.post-listing .post a {
    color: #cbecff;
}

.post-listing .post-date {
    margin-right: .5rem;
    color: gray;
}

.blog-post h2 {
    margin-bottom: .2rem;
}

.blog-post .post-subtitle { color: #cbecff; }

.vuln-list h3 { margin-bottom: 0; }

footer {
    margin-top: 3rem;
    padding: 1rem 0;
    border-top: 1px solid #527486;
    text-align: center;
    font-size: 80%;
}