/* RESET */
body {
  margin: 0;
  background: #111;
  color: white;
  font-family: Arial, sans-serif;
}

/* TITLE */
.title-panel {
  width: 60%;
  margin: 40px auto;
  padding: 30px;
  text-align: center;
  background: pink;
  border: 3px double black;
}

/* 3 COLUMN GRID */
.layout {
  display: grid;
  grid-template-columns: 220px 1fr 220px;
  gap: 25px;
  width: 1000px;
  margin: 0 auto 60px auto;
}

/* COLUMNS */
.left,
.middle,
.right {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* PANELS */
.panel {
  background: rgba(0,0,0,0.7);
  padding: 20px;
  border: 2px solid white;
}