/* ----------------------------------------------------------------------------- *
 *                                General-Settings                               *
 * ----------------------------------------------------------------------------- */
:root {
  --background-color: rgb(33, 33, 33);
  --layout-color: rgb(23, 23, 23);

  --text-color: rgb(230, 230, 230);
  --text-layout-color: rgb(228, 228, 228);
  --text-color-inputs: grey;

  --light-primary-color: rgb(138, 5, 239);
  --primary-color: rgb(115, 1, 163);
  --dark-primary-color: rgb(103, 2, 146);
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  /* font-weight: bold; */
  background-color: var(--background-color);
  color: var(--text-color);
}

@font-face {
  font-family: "HL-Font";
  src: url("../font/hl-font.woff2") format("woff2"),
    url("../font/hl-font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


/* ----------------------------------------------------------------------------- *
 *                             Media Querrys                                     *
 * ----------------------------------------------------------------------------- */
@media (min-width: 320px) {
  /* smartphones, iPhone, portrait 480x320 phones */
}

@media (min-width: 481px) {
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (min-width: 641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width: 1025px) {
  /* big landscape tablets, laptops, and desktops */
}

@media (min-width: 1281px) {
  /* hi-res laptops and desktops */
}

/*# sourceMappingURL=general-settings.css.map */