servnest/less/main.less

@fontSize: 26px;

html {
  font-family: system-ui;
  font-size: @fontSize;
  margin-left: 20%;
  margin-right: 20%;
  @media (max-width: 500px) {
    margin-left: 20px;
    margin-right: 20px;
  }

}

footer {
  margin-left: 20%;
  margin-right: 20%;
  @media (max-width: 500px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

header {
  text-align: center;
}

a {
  color: @mainColor;
}

@media (prefers-color-scheme: light) {
  html {
    background-color: @color1;
    color: @color2;
  }

  ::selection {
    background-color: @color2;
    color: @color1;
  }
}

@media (prefers-color-scheme: dark) {
  html {
    background-color: @color2;
    color: @color1;
  }

  ::selection {
    background-color: @color1;
    color: @color2;
  }
}