@import url(../construction-editor/construction-editor.css);
@import url(../construction-list/construction-list.css);
@import url(../construction-search/construction-search.css);
@import url(../status-toaster/status-toaster.css);

construction-app {
  height: 100vh;
  display: grid;
  grid-template:
    "header      information   " 1fr
    "editor      search          " 5fr
    "editor      list          " 5fr
  /  2fr    3fr; 
}

construction-app header {
  grid-area: header;
}

construction-app construction-search {
  grid-area: search;
  display: flex;
}

construction-app div.information {
  grid-area: information;
  padding: 1em;
  font-family: 'Playball', cursive;
}

construction-app div.information img {
  height: 50px;
  width:auto;
}

construction-app construction-editor {
  grid-area: editor;
}

construction-app construction-list {
    grid-area: list;
    padding: 2em
}