*{margin:0;padding:0;box-sizing:border-box;}

html,body{
    width:100%;
    overflow-x:hidden;
    background:#000;
    font-family:Arial, sans-serif;
}

/* GREEN OVERLAY */
body::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,255,136,0.13);
    box-shadow:0 0 40px #00ff88 inset;
    pointer-events:none;
    z-index:0;
}

/* HEADER + LOGO */
header{
    width:100%;
    text-align:center;
    padding:10px 0;
    margin:0;
    position:relative;
    z-index:2;
}

header img{
    max-width:220px;
    height:auto;
    display:block;
    margin:0 auto;
}

/* NAV BAR — FULL WIDTH */
.main-nav{
    width:100%;
    display:flex;
    justify-content:center;
    background:#000;
    border-top:3px solid #00ff88;
    border-bottom:3px solid #00ff88;
    box-shadow:0 0 15px #00ff88;
    overflow-x:auto;
    scrollbar-width:none;
    position:relative;
    z-index:2;
}

.main-nav::-webkit-scrollbar{display:none;}

.main-nav a{
    flex:0 0 auto;
    text-align:center;
    padding:14px 20px;
    color:#00ff88;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;
    white-space:nowrap;
    border-right:2px solid #00ff88;
}

.main-nav a:last-child{
    border-right:none;
}

.main-nav a:hover{
    background:#00ff88;
    color:#000;
    box-shadow:0 0 12px #00ff88,0 0 20px #00ff88;
}

/* CONTENT — FIXED SPACING (MATCHES NEWS PAGE) */
#content{
    width:100%;
    padding:20px 0 20px 0;
    position:relative;
    z-index:2;
}

/* HOMEPAGE IMAGES (OLD RULE — NOT USED ANYMORE) */
.home-block img{
    max-width:550px;
    width:90%;
    height:auto;
    display:block;
    margin:20px auto;
}

/* MOBILE FIXES */
@media(max-width:600px){

    header{
        padding:5px 0;
    }

    header img{
        max-width:180px;
    }

    .main-nav a{
        font-size:16px;
        padding:12px 14px;
    }
}

/* DAILY THOUGHT LOGO — FIXED & CENTERED */
.thought-logo{
    width:120px;
    display:block;
    margin:15px auto 25px auto;
    position:relative;
    border-radius:6px;
    border:2px solid #00ff66;
    box-shadow:0 0 10px #00ff66;
}

/* FOOTER FIX — FORCES GREEN TEXT ABOVE OVERLAY */
footer{
    position:relative;
    z-index:3;
}

footer, 
footer *, 
footer a {
    color:#00ff88 !important;
    position:relative;
    z-index:9999;
    mix-blend-mode:normal !important;
}

/* -------------------------------------------------- */
/* ⭐ ADDED HOMEPAGE IMAGE RULES (THE FIX YOU NEEDED) */
/* -------------------------------------------------- */

.home-img{
    width:100%;
    max-width:600px;
    height:auto;
    display:block;
    margin:20px auto;
    border-radius:8px;
}

.thought-img{
    max-width:600px;
    width:100%;
    height:auto;
    display:block;
    margin:20px auto 0 auto;
    border-radius:8px;
    border:2px solid #00ff66;
    box-shadow:0 0 12px #00ff66;
}

.thought-logo{
    width:120px;
    height:auto;
    display:block;
    margin:15px auto 25px auto;
    border-radius:6px;
    border:2px solid #00ff66;
    box-shadow:0 0 10px #00ff66;
}