body{
	background-color: #1f2428;
  margin: 0px;
}
.container {
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr 6fr 4fr;
  grid-template-rows: auto;
}

.box {
  display: flex;
}

.box-b {
	display: grid;
  grid-template-rows: 2fr 2fr 4fr;
}
.box-a {
	display: grid;
  grid-template-rows:  8% 92%;
}

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