#page{
  display: grid;
  height: 100vh;
  grid-template-columns: 1fr 3fr 1fr;
  grid-template-rows: 0.2fr 1.5fr 1.2fr 0.8fr;
  grid-template-area:
    "heading heading heading"
    "pTitle pTitle pTitle"
    "bannerbottom bannerbottom bannerbottom"
    "controls controls controls"
    "controls content content";
  grid-gap: 0.2rem;
}

#heading {
  grid-area: heading;
  width:100%;
  position:absolute;
  background-color: thistle;
}
#pTitle {
  position:sticky;
  height: 80px;
  width: 100%;
  background-color: LavenderBlush;
  grid-area: pTitle;
}
#prjTitle {
  margin-right: auto;
  margin-left: auto;
  display: block;
  align: center;
  height:180px;
  width: 400px;
  position:sticky;
  /*background-color: LavenderBlush;*/
}
#prjBanner {
  grid-area: bannerbottom;
  height: 40px;
  width:100%;
  position:relative;
  background-color: plum;
}

h1 {
  background-color: plum;
  color: purple;
  text-align: center;
}
#content {
  grid-area: content;
  margin-right: auto;
  margin-left: auto;
  display: block;
  align: center;
  height: 100%;
  position:relative;
  background-color: LavenderBlush;
}
#can {
  border: 1px solid orange;
  height: 300px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  align: center;
  /*height: 80px;*/
  /*position:sticky;*/
}
#fileinput {
  display: none;
}
#filelabel {
   font-size: 20px;
   font-weight: 700;
   text-decoration: underline;
   color: #1c87c9;
   margin-right: auto;
   margin-left: auto;
   display: block;
   text-align: center;
}
#controls {
  grid-area: controls;
/*  margin-left: 10%;
  margin-right: 10%;
  columns: 200px ;*/
}
.inputBtns {
  margin-left: 50px;
  align: center;
}