.LWavimg{width:60%;}

/* General Styles */
body {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    background: linear-gradient(180deg, #0f1115, #151925);
    margin: 0;
    padding: 0;
    color: #e6e6e6;
}

/* Header */
header {
    background: linear-gradient(90deg, #1a1d24, #2a1f3a);
    border-bottom: 2px solid #ff6ec7;
    text-align: center;
    padding: 20px; /* was 30px 20px */
}

header h1 {
    font-size: 1.5em; /* was 2rem */
    color: #ffffff;
    text-shadow: 0 0 6px rgba(255,110,199,0.4);
}

/* Navigation */
nav a {
    display: inline-block;
    margin: 10px; /* was 5px 10px */
    padding: 5px 10px; /* was 6px 12px */
    background-color: #1e2230;
    color: #cfcfcf;
    text-decoration: none;
    border: 1px solid #3a4050;
    border-radius: 5px; /* was 6px */
    transition: all 0.2s ease;
}

nav a:hover {
    background-color: #ff6ec7;
    color: #111;
}

/* Main Content */
main {
    padding: 20px; /* was 30px 15px */
}

/* Blog Posts */
.blog-post {
    background-color: #1a1d24;
    border: 1px solid #2a2f3a;
    margin: 20px auto; /* was 30px auto */
    padding: 20px; /* was 25px */
    max-width: 750px; /* was 700px */

    box-shadow:
        6px 6px 0 #00ffc8,
        0 0 12px rgba(255,110,199,0.15);
}

/* Restore original image sizing */
.LWuse { width: 700px; }
.LWuse2 { width: 70%; }

/* Decorative retro touch */
.blog-post::before {
    content: "✦ ✧ ✦";
    color: #00ffc8;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

/* Headings */
.blog-post h4 {
    color: #ff6ec7;
    margin-bottom: 10px;
    /* removed added font-size */
}

/* Text */
.blog-post p {
    line-height: 1.5; /* was 1.7 */
    font-size: 20px; /* was 18px */
    color: #d6d6d6;
}

.blog-post li {
    line-height: 2; /* was 1.7 */
    font-size: 20px; /* was 18px */
    color: #d6d6d6;
}

/* Author */
.author {
    font-size: 0.7em; /* was 0.8em */
    color: #9aa3b2;
    margin-top: 10px; /* was 15px */
    font-style: italic;
}

/* Footer */
footer {
    background: linear-gradient(90deg, #141821, #1f2a2a);
    border-top: 2px solid #00ffc8;
    text-align: center;
    padding: 15px; /* was 20px */
    color: #aaa;
}

/* Subtle hover glow */
.blog-post:hover {
    box-shadow:
        6px 6px 0 #00ffc8,
        0 0 20px rgba(255,110,199,0.25);
    transition: 0.3s;
}

a{color:white;
text-decoration:none;
font-size:20px;}

a:hover{color:#00ffc8;
text-decoration:none;
font-size:20px;}

.avatarImg{width:60%;height:60%}
.avButton{width:60%;}

button{background-color:#ff6ec7;border:0px solid black;font-size:22px;}
button:hover{background-color:#00ffc8;border:0px solid black;}

.sanicsezP{color:#ffffff;}
.sanicsezAuth{color:#ff6ec7;}
.sanicsezAuth2{color:#00ffc8;}
.blackweekimg{width:100%;padding:3px;}
.randomimg{width:100%;padding:1px;}