body {
    background: #0d0d0d;
    color: #f5f5f5;
    font-family: Georgia, serif;
    margin: 0;
    padding: 0;
}

/* Main Welcome */

.welcome {
    text-align: center;
    font-size: 58px;
    font-weight: bold;
    padding: 45px 0 15px 0;
    animation: sway 10s ease-in-out infinite;
    text-shadow: 0 0 12px rgba(255,255,255,.15);
}

/* Moving title */

@keyframes sway {

    0% {
        transform: translateX(-20px);
    }

    50% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(-20px);
    }

}

/* Whole page */

.container{
    width:90%;
    max-width:900px;
    margin:auto;
    padding-bottom:80px;
}

/* Headings */

h2{
    font-size:32px;
    margin-top:45px;
    border-bottom:2px solid #444;
    padding-bottom:10px;
}

/* Paragraphs */

p{
    font-size:20px;
    line-height:1.8;
}

/* Latest entry box */

.post{

    background:#181818;

    border:2px solid #888;

    border-radius:20px;

    padding:30px;

    margin-top:20px;

    box-shadow:0 0 18px rgba(255,255,255,.08);

}

/* Date */

.post h3{

    margin-top:0;

    color:#ffe28a;

    font-size:28px;

}

/* Optional status */

.status{

    text-align:center;

    font-style:italic;

    font-size:18px;

    color:#bbbbbb;

    margin-bottom:40px;

}

/* Links */

a{

    color:#ffd86a;

    text-decoration:none;

}

a:hover{

    color:white;

    text-decoration:underline;

}

/* Mobile */

@media (max-width:700px){

    .welcome{

        font-size:38px;

    }

    p{

        font-size:18px;

    }

    h2{

        font-size:28px;

    }

}