* {
  /*reset to 0 all*/  
  margin: 0;
  padding: 0;
}
:root{
    /*color palette*/
    --pri-color:#1826a3;
    --sec-color:#1dba55;
    --font-color:#ded8c4;
    /*color shades*/
    --pri-color-light:#2338f0;
    --pri-color-dark: #0d1457;
    --sec-color-light:#7cd69c;
    --sec-color-dark:#189945;
    --font-color-dark:#948968;
    --font-color-light:#f2eddc;
    --bg-color-dark100:#000000;
    --bg-color-dark80:#141414;
    --bg-color-dark60:#292929;
    --bg-color-dark40:#525252;
    --bg-color-dark20:#a3a3a3;
    --bg-color-dark0:#ffffff;
    /*fonts*/
    --base-font-size:1rem;
    --line-height:1.5;
    /*divs*/
    --container-max-width:1140px;
    --containter-fulid:100vw;
}