.top-graph-shell,
.middle-graph-shell,
.bottom-graph-shell {
  display: grid;
}

.top-graph-shell {
  grid-template-columns: 134px 1fr 134px;
  grid-auto-rows: 86px;
}

.middle-graph-shell {
  grid-template-columns: 30px minmax(1px, 1fr) 30px;
}

.bottom-graph-shell {
  grid-template-columns: 68px 1fr 74px;
  grid-auto-rows: 52px;
}

.top-graph-shell-left,
.top-graph-shell-right,
.bottom-graph-shell-left,
.bottom-graph-shell-right {
  background-repeat: no-repeat;
}

.middle-graph-shell-center {
  background-color: rgba(29, 26, 26, 0.64);
}

.middle-graph-shell-left,
.middle-graph-shell-right {
  background-repeat: repeat-y;
}

.top-graph-shell-left    { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nn1.png); }
.top-graph-shell-center  { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nn2.png); }
.top-graph-shell-right   { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nn3.png); }

.middle-graph-shell-left   { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nvl.png); }
.middle-graph-shell-right  { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nvp.png); }

.bottom-graph-shell-left   { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nnn1.png); }
.bottom-graph-shell-center { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nnn2.png); }
.bottom-graph-shell-right  { background-image: url(https://freelancerothe.ucoz.ru/DonatSection/img/blocks/nnn3.png); }

.main-content {
  padding: 0 15px 15px 15px;
}