grid-container { display: grid; grid-template: 
 "right menu left" 30px 
 "right main left" calc(100% - 74px) 
 "right footer left" 40px / 1fr 360px 1fr;
gap: 0px; height: 100%; width: 100%; background-color: var(--bodyBg);background-image: var(--bodyBgImage); }
grid-item { display: block; }
grid-container > grid-item { text-align: center; padding: 0px;  }
grid-item.menu { grid-area: menu; }
grid-item.main { grid-area: main; margin: 0px; padding: 0px; background-color: var(--textBg); background-image: var(--textBgImage); border-radius: 7px; border: 4px double rgb(0, 0, 0); text-align: right; }
grid-item.right { grid-area: right;text-align: justify;  }
grid-item.left { grid-area: left; text-align: justify; }
grid-item.footer { grid-area: footer; }
grid-item.overFolw { overflow-x: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: normal; }

@media screen and (max-width: 412px) {
  grid-container { display: grid; grid-template: 
  "menu" 30px 
  "main" calc(100% - 74px) 
  "footer" 40px / 360px }
}