@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* div, a, p, img, button, svg {
    outline: solid 1px rgb(255, 145, 0);
}

div > div{
    outline: solid 1px rgb(255, 0, 0);
}

p {
    outline: solid 1px rgb(0, 17, 255);
}

button {
    outline: solid 1px rgb(132, 0, 255);
}
*/
/* SCROLLBAR */

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--main-color) var(--scrollbar-color);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
  }

  *::-webkit-scrollbar-track {
    background: var(--scrollbar-color);
  }

  *::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 0px;
    border: 0px none #ffffff;
  }

/*SCROLLBAR END*/

:root {
    /* purple \/ */
    /* --main-color-r: 168;
    --main-color-g: 132;
    --main-color-b: 255;
    --main-color: rgb(var(--main-color-r), var(--main-color-g), var(--main-color-b));

    --main2-color-r: 75;
    --main2-color-g: 0;
    --main2-color-b: 130;
    --main2-color: rgb(var(--main2-color-r), var(--main2-color-g), var(--main2-color-b)); */

    --main-color-r: 12;
    --main-color-g: 192;
    --main-color-b: 223;
    --main-color: rgb(var(--main-color-r), var(--main-color-g), var(--main-color-b));

    --main2-color-r: 9;
    --main2-color-g: 131;
    --main2-color-b: 153;
    --main2-color: rgb(var(--main2-color-r), var(--main2-color-g), var(--main2-color-b));

    --scrollbar-color-r: 30;
    --scrollbar-color-g: 30;
    --scrollbar-color-b: 30;
    --scrollbar-color: rgb(var(--scrollbar-color-r), var(--scrollbar-color-g), var(--scrollbar-color-b));

    --bg-color-r: 18;
    --bg-color-g: 18;
    --bg-color-b: 18;
    --bg-color: rgb(var(--bg-color-r), var(--bg-color-g), var(--bg-color-b));

    /* 26 26 26  for grey*/
    --bg2-color-r: 45;
    --bg2-color-g: 45;
    --bg2-color-b: 45;
    --bg2-color: rgb(var(--bg2-color-r), var(--bg2-color-g), var(--bg2-color-b));

    --text-color-r: 190;
    --text-color-g: 190;
    --text-color-b: 190;
    --text-color: rgb(var(--text-color-r), var(--text-color-g), var(--text-color-b));

    --text-sec-color-r: 255;
    --text-sec-color-g: 255;
    --text-sec-color-b: 255;
    --text-sec-color: rgb(var(--text-sec-color-r), var(--text-sec-color-g), var(--text-sec-color-b));
}



body {
    margin: 0;
    background-color: var(--bg-color);
}

p,a,h1,h2,h3,h4,h5,h6,button {
    font-family: "DM Sans", sans-serif;
    color: var(--text-color);
    font-weight: 300;
}