:root {
  /* COLORS */
  --bg-color: #141412;
  --box-bg-color: #20201d;
  --inner-box-bg-color: #1b1b19;
  --nav-bg-color: #2e2e2a;
  --nav-text-color: #f0c465;
  --border-color: #41403a;
  --icon-color: #9b8f8f;
  --accent-color: #fff672;
  --pearly-white: #b8b8b8;
  --pearlier-white: #dbdbdb;

  /* WIDTHS */
  --total-width: 1185px;
  --sidebar-width: 270px;
  --l-width: 890px;
  --m-width: 720px;
  --s-width: 550px;
  --xs-width: 380px;

  /* HEIGHTS */
  --sidebar-height: 550px;
}

p,h1,h2,h3,ul,li {
  font-family: "Red Hat Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

#no-select {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer 10+ */
  user-select: none;         /* Standard syntax */
}