:root {
  --bg-color:#151515;
  --a1:#91cccc;
  --a2:#452123;
  --a3:#3d3d3d;
}


html, body {
  box-sizing:border-box;
  margin:0 auto;
  font-family:sans-serif;
  font-size:0.85em;
  color:white;
  max-width: 1560px;
}

body {
  display:grid;
  grid-template-columns:312px 936px 312px;
  background-color:var(--bg-color);
}

aside {
  grid-column: span 1;
  min-height:100svh;
}
main {
  grid-column:span 1;
  min-height: 100svh;
  display:flex;
  flex-direction:column;
  gap:15px;
}
header {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:400px;
}
header a {
  font-size:1.5em;
}

details {
  padding:15px;
  border:1px solid var(--a3);
}
details:open > summary {
  padding-bottom:15px;
}

a {
  color:var(--a1);
}

.date {
  float:right;
  color:gray;
}

::selection {
  background-color:var(--a2);
  color:white;
}