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;
    }
`;