hrml, body{margin:0;padding:0;#box-sizing:border-box;background:red;}
header{background:white;grid-area:header;text-align:center;}
main{background:white;grid-area:main;text-align:center;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}
lside{background:white;grid-area:lside;}
rside{background:white;grid-area:rside;}
footer{background:white;grid-area:footer;border-top:1px solid;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;text-align:center;}
.input{width:100%;height:80px;border:1px solid gray;font-size:28px;margin:4px 2px;border-radius:14px;position:relative;text-align:center;}
.button{background-color:#4CAF50;border:none;color:white;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;padding:14px 40px;}
.container{display:grid;grid-template-columns 1fr 1fr 1fr;grid-template-rows:10vh 80vh 10vh;grid-gap:0px;grid-template-areas:"header header header"
"lside main rside"
"footer footer footer"}