body{
  background-color: #22242a;
  font-family: "Outfit", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.color-bar {
  z-index:1;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  height: 10px;
  background: linear-gradient(
    to right,
    #62b12f 0 11.11%,
    #038119 11.11% 22.22%,
    #026714 22.22% 33.33%,
    #107a6f 33.33% 44.44%,
    #34beea 44.44% 55.55%,
    #1d3e91 55.55% 66.66%,
    #f29100 66.66% 77.77%,
    #ec6825 77.77% 88.88%,
    #ee3732 88.88% 100%
  );
}

.color-bar.cb-top{
  right: 0;
  top: 0;
  left: 0;
}

.separator{
  position: relative;
  height: 1px;
  width: 70%;
  background: #F5F5F5;
  background: linear-gradient(90deg,rgb(34, 36, 42) 0%, rgb(146 152 169), rgb(34, 36, 42) 100%);
}

@media (max-width: 1200px) {
  .separator { width: 100%; }
}

.separator h2{
  color:rgb(146 152 169);
  position: absolute;
  top: 50%;
  left: 50%;
  background:rgb(34, 36, 42);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0 .5rem;
  white-space: nowrap;
}

.invert {
  filter: grayscale(1) brightness(30%) invert(1);
}

.copyright{
  color:rgb(146 152 169);;
  font-weight: 300;
}