/* From bettermotherfuckingwebsite.com */
body {
    margin:40px auto;
    max-width:650px;
    line-height:1.6;
    font-size:18px;
    color:#444;
    padding:0 10px}

h1,h2,h3 {
    line-height:1.2
}


/* Basic Reset and Container */
.wrapper {
    max-width: 980px; /* Standard content width */
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}

/* Header Styling */
.site-header {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    margin-bottom: 30px;
}

/* Title and Navigation Layout */
.site-header .wrapper {
    display: flex;
    justify-content: space-between; /* Puts title on left, nav on right */
    align-items: center;
}

/* Site Title */
.site-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

/* Navigation List Styling */
.site-nav ul {
    list-style: none; /* Remove bullets */
    margin: 0;
    padding: 0;
    display: flex; /* Makes the list items horizontal */
}

.site-nav li {
    margin-left: 20px;
}

.site-nav a {
    color: #0077cc; /* A standard link color */
    text-decoration: none;
    font-weight: 500;
}

.site-nav a:hover {
    text-decoration: underline;
}