/* TOPLEFTNAVBAR */
    #topNav a {
        color: #d4af37;
        text-decoration: none;
        font-style: italic;
        font-weight: bold;
        padding: 6px 10px;
        border: 1px solid #d4af37;
        border-radius: 6px;
        transition: 0.2s;
        background-color: black;
                        }
    #topNav #siteTitle {
        border: 1px solid #d4af37;
        font-size: 32px;  
        font-weight: bold;  
        font-style: italic;
        color: #d4af37;            
        margin-right: 10px; 
        transition: color 0.3s; 
                } 
    #topNav #siteTitle:hover {
        color: #d4af37;
        transform: translateY(-2px);
                }
    #topNav {
        background-color: black;
        padding: 20px;
        display: flex;
        gap: 10px;
        align-items:center;
    }
    #topNav a:hover {
    background-color: #d4af37;
    color: black;
                }

    body {
        background-color:#222222;
        margin: 0;
        color: #d4af37;
    }

    h1, h2, h3 {
        margin: 20px auto;
        padding: 5px 12px;
        text-align: center;
        border: 1px solid #d4af37;
        border-radius: 8px;
        color: #d4af37;
        font-style: italic;
        background-color: black;
        max-width: 700px;
    }
    h3{
        font: size 22px;
    }
    p {
        max-width: 850px;
        margin: 15px auto;
        font-size: 18px;
        line-height: 1.6;
        text-align: center;
    }