:root {
  --border-style: 8px ridge #1e7e84;
}

body {
  font-family: Verdana;
  color: white;
  background: url(https://shallowclone.neocities.org/purpleweb.gif) black;  
}


.container {
  display: grid;
  width: 800px; /* Fixed width */
  margin: 0 auto;
  grid-template-columns: 150px 1fr 150px; /* Sidebars + Main */
  grid-template-rows: auto auto auto;
  grid-gap: 10px;
  color: white;
  padding: 10px;
}

header {
  grid-column: 1 / -1;
  background-color: #000000;
  border: var(--border-style);
  text-align: center;
}

nav {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #000000;
  border: var(--border-style);
  padding: 10px;
}

main {
  grid-column: 2 / -1;
  background-color: #000000;
  border: var(--border-style);
  padding: 1rem;
}

aside {
  grid-column: 1;
  background-color: #000000;
  border: var(--border-style);
  padding: 10px;
}

footer {
  grid-column: 1 / -1;
  text-align: center;
  background-color: #000000;
  border: var(--border-style);
  padding: 5px;
}