import styled from 'styled-components'


export const TableView = styled.div`
    display: flex;
    padding: 2.5rem;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  .tg{
    border-collapse:collapse;
    border-spacing:0;


  }
  .tg td{
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-family:Arial, sans-serif;
    font-size:14px;
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;

  }
  .tg th{
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;
  }

  .tg .tg-baqh{
    text-align:center;
    vertical-align:top
  }
  .tg .tg-0lax{
    text-align:left;
    vertical-align:top
  }
  .tg .tg-womg{
    background-color:#dddfe1;
    text-align:center;
    vertical-align:top
  }

  h1{
    color: #000;
    font-family: Poppins;
    font-size: 15px
  }
  h2{
    color: #969BA0;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 400;
    margin-top: 1px;
  }


  h3{
    color: #254F7F;
    font-family: Poppins;
    font-size: 15px;
    }
`;
