body {
    font-family: Georgia, serif;
    background-color: #e0e0e0;
    color: #222;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    margin:0;
}

.discord-bar {
    background: #7785cc;  /* discord light blue */
    color: #fff;
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    position: sticky;
    top: 0;
    z-index: 1040;
    border-bottom: 2px solid #996600;
}

.discord-bar a {
    color: #000000;
    font-weight: bold;
    margin: 0 1rem;
    text-decoration: none;
}

.discord-bar a:hover {
    text-shadow: 0 0 6px #996600;
}

header {
    background: linear-gradient(135deg,#0b1c34,#10253f);
    color:#996600;
    text-align:center;
    border-bottom:4px solid #111;
    text-shadow:2px 2px #000;
    padding:1.2rem 1rem 0.8rem 1rem;
    position: relative;
    z-index:1030;
}

header h1 {
    margin:0;
    font-family:'Cinzel Decorative', cursive;
    font-size:2.2rem;
    letter-spacing:2px;
    color:#996600;
}

header h2 {
    margin:0.2rem 0 0.4rem 0;
    font-size:1.3rem;
    font-weight:600;
    color:#996600;
    transition: color 0.4s ease, text-shadow 0.4s ease, transform 0.4s ease;
}

header p {
    margin:0;
    font-size:1rem;
    color:#996600;
}

.navbar-custom {
    background: linear-gradient(135deg,#0b1c34,#10253f);
    border-top: 2px solid #996600;
    border-bottom: 2px solid #996600;
    padding: 0.25rem 1rem;
    margin-bottom: 0;
    z-index:1025;
}

.navbar-custom .nav-link {
    color: #996600;
    font-weight: bold;
    transition: all 0.3s ease;
}

.navbar-custom .nav-link:hover {
    color: #fff;
    text-shadow: 0 0 6px #996600;
}

.navbar-custom .nav-link.active {
    color: #cc9900;
    pointer-events: none;
}

.banner-image { 
    width:100%; 
    border-radius:8px; 
    transition: transform 10s ease; 
    display:block;
    z-index:1;
}

/* banner hover why not */
.banner-image:hover + header h2,
header:hover h2 {
    color: #cc9900;
    text-shadow: 0 0 6px #996600;
    transform: scale(1.05);
}

.banner-image:hover { 
    transform: scale(1.05); 
}

.container-main {
    flex:1 0 auto;
    max-width:900px;
    margin:2rem auto;
    padding:0 1rem;
}

article {
    margin-bottom:2rem;
    padding:1rem;
    border:2px solid #996600;
    border-radius:8px;
    background:#fff;
    box-shadow:2px 2px 8px rgba(0,0,0,0.2);
}

article h2 {
    font-size:1.75rem;
    color:#0b1c34;
    text-shadow:1px 1px #aaa;
    font-family:'Cinzel Decorative', cursive;
}

article p, article li {
    font-size:1rem;
}

article a {
    color:#103366;
    font-weight:bold;
    text-decoration:none;
}

article a:hover {
    text-shadow:0 0 6px #996600;
}

article ul {
    text-align:left;
}

footer {
    flex-shrink:0;
    background:#111;
    color:#996600;
    text-align:center;
    padding:1rem;
    margin-top:2rem;
}

footer a {
    color:#996600;
}

footer a:hover {
    text-shadow:0 0 6px #996600;
}

/* Responsive adjustments for phones and stuff*/
@media (max-width:576px){
    header h1 { font-size:1.8rem; }
    header h2 { font-size:1.3rem; }
    header p { font-size:0.9rem; }
    .navbar-custom { padding: 0.25rem 0.5rem; }
    .container-main { margin:1rem auto; padding:0 0.5rem; }
}