html{
   height: 100%;    /*высота родительских элементов ( что бы сработал height: у дочерних блоков  )*/
   display: grid;
   grid-template-areas: "body";
}
body{
   margin: 0; /*убираем отступы от блоков до границ body*/
   height: 100%;
   grid-area: body;
   display: grid;
   grid-template-areas: "main";
}
#main{
   grid-area: main;
   background: rgba(200, 200, 200, 1);
   height: 100%;
   z-index: 1;
   display: grid;
   grid-template-columns: 965px;
   grid-template-rows: 65px 455px auto;
   grid-template-areas: "controller"
                        "columns"
                        "info";
}
#controller{
   grid-area: controller;
}
#table{
   grid-area: columns;
   display: grid;
   grid-template-columns: 50% 50%;
   grid-template-areas: "column1 column2";
}
#column1{
   grid-area: column1;
}
#column2{
   grid-area: column2;
}
#zero{
   height: 100%;
   grid-area: info;
   z-index: 1;
}
.info{
   display: none;
   grid-area: info;
   z-index: 0;
}
input{
   width: 100%;
}