.mainsection
{
    width: 40vw;
    justify-content: center;
    gap: 30px
}

.player
{
    background-color: rgb(225, 245, 255);
    border-radius: 5px;
    padding: 10px;
    gap: 20px;
}

.headname
{
    display: grid;
    grid-template-columns: 2.5fr 3fr 1fr;
    align-items: center;
    justify-items: start;
    font-size: 28px;
}

.head
{
    width: 100px;
    height: 100px;
    image-rendering: pixelated;
    border-radius: 5px;
}

.playertext
{
    padding: 11px;
    border-radius: 7px;
}