html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'UnifrakturCook', serif;
    background: url('/images/dark fantasy shop.jpg') no-repeat center center fixed;
    background-size: cover;
    color: #f0e6d2;
}

.arcane-wrapper {
    background-color: rgba(0, 0, 0, 0.55); /* more visible background */
    min-height: 100vh;
    padding-bottom: 2rem;
}


h1, h2, h3 {
    color: #f2d26b;
    text-shadow: 0 0 5px #d4af37;
}

a {
    color: #ffc866;
}

    a:hover {
        color: #fff09b;
        text-decoration: none;
    }

.navbar, .footer {
    background-color: rgba(18, 18, 18, 0.9) !important;
    border-bottom: 2px solid #333;
}

.footer {
    color: #aaa;
    text-align: center;
    padding: 1rem;
    border-top: 1px solid #444;
}