.navbar {
            background-color: black;
            overflow: hidden;
            display: flex;
            justify-content: center;
            padding: 10px 0;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
        }                                          
        body {
            font-family: Arial, sans-serif;
            padding-top: 60px;
        }
        
        .navbar a {
            color: white;
            padding: 14px 20px;
            text-decoration: none;
            text-align: center;
        }
        .navbar a:hover {
            background-color: #575757;
        }
     /* Give the main container more breathing room */
.container {
    width: 100%;                 /* allow full width on all devices */
    max-width: 1000px; 
    margin-top: 60px;/* stop it from becoming TOO wide */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0 1rem;             /* small horizontal padding */
}

         
        img {
            margin:auto;
            height:250px;
            width: 250px;
        }
        
        /* Center article content and limit width */
/* Center articles and widen them on desktop */
article, .content, main {
    width: 100%;
    max-width: 1000px;      /* match the container’s max-width */
    margin: 0 auto;
    padding: 1rem;
    line-height: 1.7;
    text-align: left;
}