:root {
  --background-color: #dcc572;
  --content-background-color: #fdeaf3;
  --sidebar-background-color: #ffffff;
  --text-color: #885c1c;
  --link-color: #d961dc;
  --border: 4px solid #bd89da;
  --round-borders: 18px;
}

body {
  background: var(--background-color);
  font-family: Georgia, serif;
  color: var(--text-color);
  display: flex;
  justify-content: center;
  padding: 20px;
}

.layout {
  width: 1000px;
  display: grid;
  grid-gap: 16px;
  grid-template: 
    "header header header" auto 
    "leftSidebar main rightSidebar" auto 
    "footer footer footer" auto 
    / 200px auto 200px;
}

header { grid-area: header; background: var(--content-background-color); padding: 20px; border: var(--border); border-radius: var(--round-borders); }
.left-sidebar { grid-area: leftSidebar; }
.right-sidebar { grid-area: rightSidebar; }
main { grid-area: main; background: var(--content-background-color); padding: 24px; border: var(--border); border-radius: var(--round-borders); }
footer { grid-area: footer; text-align: center; }

aside { background: var(--sidebar-background-color); padding: 20px; border: var(--border); border-radius: var(--round-borders); }

blockquote {
  background: rgba(0, 0, 0, 0.05);
  padding: 15px;
  border-left: 5px solid var(--link-color);
  font-style: italic;
}

nav ul { list-style: none; padding: 0; display: flex; gap: 15px; }
a { color: var(--link-color); }