body {
  background-color: #1f2428;
}




.container {
  height: 90vh;
  display: grid;
  grid-template-columns: 1fr 4fr 6fr;
  grid-template-rows: auto;
}

.box {
  display: flex;
}

.box-a {
  display: grid;
  grid-template-rows: 1fr 10fr;
  height: 100vh
}

.box-b {
  display: grid;
  grid-template-rows: 2fr 2fr 4fr;
}

.box-c {
  box-shadow: -2px 2px 5px;
  border-radius: 20px 0 0 0;
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav {
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  width: 100%;
  background-color: #23282e;
  border-radius: 0 20px 0 0;
  box-shadow: 2px 2px 5px;
}