body
{
    font-family:'Courier New', Courier, monospace;
    text-align:center;
}


#divHeader
{
    margin-left:5%;
    width:90%;
    height:30%;
    background-color:rgb(180, 35, 180);
    color:white;
    font-size:1.5rem;
    padding:10px;

}


.tradeData
{
    margin-left:5%;
    width:90%;
    height:40%;
    background-color:rgb(193, 130, 193);
    color:black;
    font-size:1rem;
    padding:10px;

}


.listData
{
    margin-left:5%;
    width:90%;
    height:80%;
    background-color:rgb(201, 195, 201);
    color:black;
    font-size:1rem;
    padding:10px;

}


table 
{
    border-style:double;
    width: 80%; /* Adjust the width as needed */
    margin: auto; /* Center the table */
}
  
td, th 
{
    border:1px;
    width: 130px; /* Fixed width */
    min-width: 130%; /* Ensures it doesn’t shrink */
    max-width: 130px; /* Prevents it from expanding */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Adds "..." if content is too large */
    white-space: nowrap; /* Prevents text from wrapping */
    border: 1px solid rgb(160, 103, 103); /* Optional: adds borders */
    text-align: right; /* Optional: centers text */
}




a 
{
    color: rgb(2, 13, 2); /* Change text color */
    text-decoration: none; /* Remove underline */
    font-size: 18px; /* Adjust font size */
}

a:hover 
{
    color: red; /* Change color when hovered */
    text-decoration: underline; /* Add underline */
}



.buttonClass
{
    width:300px;
    height:30px;
    margin:4px;
    background:hsl(0, 65%, 13%);
    color:white;
    font-family:'Courier New', Courier, monospace;
    font-size:medium;
    cursor:pointer;
    border-radius:5px;
}

.buttonClass:hover
{
    background:hsl(0, 12%, 24%);
}