import { createGlobalStyle } from "styled-components";
export const GlobalStyles = createGlobalStyle`
    body{
        margin:0;
        padding:0;
        box-sizing:border-box;
        background-color:${({ theme }) => theme.bgtotal};
        font-family:"Poppins",sans-serif;
        color:${({ theme }) => theme.text};
    }
    
    body::-webkit-scrollbar {
      width: 12px;
      background: ${({ theme }) => theme.bgAlpha};
    }

    body::-webkit-scrollbar-thumb {
      background: ${({ theme }) => theme.colorScroll};
      border-radius: 10px;
    }
`;