html {
  background-color: #f4f8f9;
}

body {
  background: #f4f8f9 !important;
  position: relative;
  min-height: 100vh;
}

/* Фоновое дерево */
body::before {
  content: "";
  position: fixed;
  right: -180px;
  bottom: -180px;
  width: 115vh;
  height: 115vh;
  background-image: url("https://static.tildacdn.com/stor6537-3938-4130-b661-656264373935/c84c0672863f669cb7d806b01f6d0445.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0.10;
  pointer-events: none;
  z-index: 0;
}

/* Контент выше дерева */
#allrecords {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* Убираем белый фон у секций Tilda, чтобы дерево было видно на фоне сайта */
.t-records,
.t-rec {
  background: transparent !important;
}