body{
background-image:url("velvet.jpg");
background-size:cover;
background-attachment:fixed;
color:#f4ede4;
font-family:Georgia, serif;
}

/* TOP NAVIGATION */

.topnav{
background:#3b0a0a;
padding:15px;
border-bottom:2px solid #7a1c1c;
text-align:center;
}

.topnav a{
color:#f4ede4;
margin:0 20px;
text-decoration:none;
font-weight:bold;
letter-spacing:1px;
}

.topnav a:hover{
color:#d4a373;
}

/* SITE TITLE */

.header{
text-align:center;
padding:40px;
background:#140707;
border-bottom:1px solid #5e1919;
}

.header h1{
font-size:60px;
letter-spacing:4px;
color:#e8d9b5;

text-shadow:
0 0 5px #c9a96e,
0 0 10px #a67c3d,
0 0 20px #7a1c1c;

font-family: "Georgia", serif;
}

.header{
text-align:center;
padding:40px;
background:#140707;
border-bottom:2px solid #7a1c1c;
box-shadow:0 5px 20px rgba(0,0,0,0.7);
}

.header p{
font-style:italic;
color:#c9b7a7;
}

/* LAYOUT */

.container{
display:flex;
}

/* SIDEBAR */

.sidebar{
width:250px;
background:#120909;
padding:25px;
border-right:1px solid #5e1919;
}

.sidebar h3{
color:#d4a373;
border-bottom:1px solid #7a1c1c;
padding-bottom:5px;
}

.sidebar a{
display:block;
color:#f4ede4;
text-decoration:none;
margin:10px 0;
}

.sidebar a:hover{
color:#d4a373;
}

/* MAIN CONTENT */

.content{
flex:1;
padding:40px;
}

.article{
background:#1a0e0e;
padding:25px;
margin-bottom:30px;
border-left:3px solid #7a1c1c;
}

.article h2{
color:#d4a373;
margin-top:0;
}

/* FOOTER */

.footer{
text-align:center;
padding:20px;
border-top:1px solid #5e1919;
background:#140707;
font-size:14px;
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(200px,1fr));
gap:20px;
}

.gallery img{
width:100%;
border:2px solid #5e1919;
}

.gallery img:hover{
transform:scale(1.03);
}

.article p::first-letter{
font-size:40px;
font-weight:bold;
color:#d4a373;
float:left;
padding-right:6px;
}

.tarot-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:15px;
}

.tarot-grid img{
width:100%;
border:2px solid #7a1c1c;
}