* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {

  min-height: 100%;

}

.grid-container > * {

}

.header {
  grid-area: header;
  background:rgb(31,31,31,1);
  width: 100%;
	
}

.navbar {
  grid-area: navbar;
	width: 100%;

}

.sidebar {
  grid-area: sidebar;
  background-color: #fdcfcf;
	width: 100%;
}

.main {
  grid-area: main;
  background-color:white;
	width: 100%;
}

.footer {
  grid-area: footer;


width: 100%;
}

.grid-container {
  display: grid;

  grid-template:
    "header"  90px
    "navbar"  650px
    "main"    auto
    "sidebar" 0px
    "footer"  20px;
   
}