html, body 
    {
        width:100%;
        height: 100%;
    }
.secondhalf, .traitscontainer
    {
        background-color: rgba(0, 0, 0, 0.637);
    }
.secondhalf
    {
        padding: 1%;
    }
.traitscontainer
    {
        margin: 9% 10px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border-radius: 33px;
    }
.traitstable
    {
        padding: 1% 10%;
        table-layout: fixed;
        text-align: left;
        text-transform: capitalize;
    }
th,td
    {
        padding: 10% 10px;
        margin: 10px 30px;
    }
.moreinfo
    {
        padding: 3% 10%;
        background-color: rgba(0, 0, 0, 0.932);
        display: flex;
        justify-content: space-around;
    }
h3
    {
        padding: 0% 10%;
    }
.infoboxes
    {
        padding:0% 3%;
    }