body {
  margin: 0;
  font-family: Georgia, serif;
  background: #2e1e0f url('/assets/images/mine_bg.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #eee;
}
.mine-wrapper {
  display: grid;
  grid-template-areas: 
    "header header"
    "nav nav"
    "main sidebar"
    "footer footer";
  grid-template-columns: 3fr 1fr;
  gap: 10px;
  padding: 20px;
}
header {
  grid-area: header;
}
nav {
  grid-area: nav;
  background: #d4af37;
  text-align: center;
  padding: 10px;
}
.mine-banner {
  background: #3b2e1a;
  padding: 30px;
  font-size: 1.5em;
  text-align: center;
}
main {
  grid-area: main;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
}
.sidebar {
  grid-area: sidebar;
  background: rgba(255, 215, 0, 0.2);
  padding: 20px;
}
footer {
  grid-area: footer;
  background: #3b2e1a;
  text-align: center;
  padding: 15px;
}