*
{
  user-select: none;
  border-radius: 5px;
  transition: 0.3s;
}

:root
{
  --txt-color: #000;
  --txt-colorn: #FFF;
  --ui-color: rgb(207, 211, 214);
  --primary-color: #e3ecf0;
  --secondary-color: #EFEFEF;
  --hover: rgb(183, 183, 183);
  --outline: #1e1c1c;
}

@media (prefers-color-scheme:dark)
{

  :root
  {
    --txt-color: #FFF;
    --txt-colorn: #000;
    --ui-color: rgb(28, 40, 51);
    --primary-color: #161d20;
    --secondary-color: #161F27;
    --hover: #d7dce7;
    --outline: #124352;
  }
}

body,html
{
  color: var(--txt-color);
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: none;
}