:root {
    --mainColor: #0c314d;
    --hoverColor: #1a5684;
    --white: #fff;
    --black: #000;
    --primaryColor: #668a28;
    --bm-background: #e0e5ec;
    --icon-updown-up: #04991d;
    --icon-updown-down: #f71a1a;
    --body-bacground: #0ff;
    --message-text-color: rgb(130, 88, 11);
  }
  
  * {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    list-style: none;
    text-decoration: none;
  }
  
  body {
    background-color: var(--body-bacground);
    color: var(--black);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  
    overflow-x:hidden;
    overflow-y:hidden;
  }
  



/* SB */
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px grey; 
    border-radius: 5px;
  }
 
  ::-webkit-scrollbar-thumb:vertical {
    background: linear-gradient(270deg,rgb(34, 24, 24),white,gray);
    border-radius: 10px;
  }
 
  ::-webkit-scrollbar-thumb:vertical:hover {
    background: linear-gradient(90deg,rgb(68, 16, 16),white,silver);
  }

 ::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(silver,white,gray);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:horizontal:hover {
  background: linear-gradient(gray,white,silver);
}
/* SB */