body{
	background-color: #1f2428;
  margin: 0px;
  color: #ffffff;
}
.container {
  height: 80vh;
  display: grid;
  grid-template-columns: 1fr 6fr 1fr;
  grid-template-rows: auto;
}
.Banner{
  background-color: #8242f1;
  height: 17vh;
  display: grid;
  grid-template-rows: auto;
}
.header{
  background-color: #1f2428;
  height: 19.7vh;
  display: grid;
	grid-template-rows:  75% 25%;
  border:  solid 1px black;
}
.box {
  display: flex;
	  border:  solid 1px black;
}

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

.box-c {
	display: grid;
  grid-template-rows:  8% 92%;
}
.navl{
  width: 100%;
  background-color: #8242f1;
  border-radius:0px 20px 0px 0px;
  box-shadow: 2px 2px 5px #000000;
  display:flex;
  justify-content:top;
  flex-direction:column;
  align-items:center;
}
.navr{
  width: 100%;
  background-color: #8242f1;
  border-radius:20px 0px 0px 0px;
  box-shadow: -2px 2px 5px;
  display:flex;
  justify-content:top;
  flex-direction:column;
  align-items:center;
}
.nav{
  width: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.text{
	color: #dddddd;
}