/**
 * layout.css — контейнеры, позиционирование крупных блоков (перенос из legacy-home.css).
 * #numbers остаётся в legacy: второй фрагмент прерван правилами #baner-1 (порядок каскада).
 */

#baner-1-back {
  position: relative;
  z-index: 999;
}

canvas {
  display: block;
  vertical-align: bottom;
  opacity: 0.3;
}

#particles-js {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  z-index: 99;
  left: 0;
}

#simple-page {
  display: grid;
  padding: 83px 11%;
  width: 100%;
  grid-template-columns: 70% 30%;
}

#simple-page div {
  margin: 60px auto;
  box-shadow: 0px 0px 42px -21px #000;
  padding: 9px 36px;
  background: #fcfcfc;
}

#simple-page div .go-site {
  border: 2px solid #fff;
  padding: 3px 12px;
}

#simple-page .h1-main {
  color: #ff4652;
  font-size: 50px;
  background: #fcfcfc;
  padding: 22px 41px;
  margin: 60px auto;
  box-shadow: 0px 0px 42px -21px #000;
}

#d0 {
  position: absolute;
  margin-top: -100px;
}

#d1 {
  position: absolute;
  margin-top: 25px;
}

#d2,
#d3,
#d4,
#d5 {
  position: absolute;
  margin-top: -50px;
}