.item1 { grid-area: Nav;
    width: 100%;
    height: 83px;
    background: rgba(145, 26, 239, 0.30)
}
.item2 { grid-area: Header;
    width: 100%;
    height: 318px;
    background: rgba(200, 8, 19, 0.45);
}
.item3 { grid-area: Main;
    width: 100%;
    height: 1086px;
    background: rgba(15, 242, 24, 0.40);
}
.item4 { grid-area: Footer;
    width: 100%;
    height: 128px;
    background: rgba(250, 255, 6, 0.40);
}

.grid {
  display: grid;
  grid-template-areas:
    'Nav  Nav  Nav  Nav  Nav  Nav'
    'Header  Header  Header  Header  Header  Header'
    'Main  Main  Main  Main  Main  Main'
    'Footer  Footer  Footer  Footer  Footer  Footer';
    grid-template-columns: minmax(0px, 1fr);
    grid-template-rows: minmax(0px, 1fr);
}