@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Shadows+Into+Light&display=swap');
*
{
    font-family: "Montserrat", sans-serif;
}

.backgroundPattern 
{
    width: 100%;
  --s: 222px;
  --c1: #31f5c1;
  --c2: #4a092a;
  --c3: #77f6d4;
    opacity: 0.5;
    mix-blend-mode: overlay;
  --_g: var(--c1) 10%, var(--c2) 10.5% 19%, #0000 19.5% 80.5%,
    var(--c2) 81% 89.5%, var(--c3) 90%;
  --_c: from -90deg at 37.5% 50%, #0000 75%;
  --_l1: linear-gradient(145deg, var(--_g));
  --_l2: linear-gradient(35deg, var(--_g));
  background: var(--_l1), var(--_l1) calc(var(--s) / 2) var(--s), var(--_l2),
    var(--_l2) calc(var(--s) / 2) var(--s),
    conic-gradient(var(--_c), var(--c1) 0) calc(var(--s) / 8) 0,
    conic-gradient(var(--_c), var(--c3) 0) calc(var(--s) / 2) 0,
    linear-gradient(
      90deg,
      var(--c3) 38%,
      var(--c1) 0 50%,
      var(--c3) 0 62%,
      var(--c1) 0
    );
  background-size: var(--s) calc(2 * var(--s) / 3);
  box-shadow: inset 0 0 100px #111,
  0 10px 30px #111;

}
.newsSection::-webkit-scrollbar,
.newsItemsVRContainer::-webkit-scrollbar,
.topicSection::-webkit-scrollbar
{
  display: none;
}

#fff {
    color: rgba(123, 231, 145, 0.705);
}