@font-face {
    font-family: TF2Build;
    src: url(Fonts/TF2Build.ttf);
}

label{
    font-family: TF2Build;
    color: rgb(255, 216, 0);
}

button{
    font-family: TF2Build;
    color: rgb(236, 227, 203);
    border: 5px hidden rgb(132, 117, 107);
    width: 200px;
    height: 40px;
    background-color: rgb(118, 107, 94);
    border-radius: 8px;
    align-self: center;
    
}

button:hover{
    background-color: rgb(146, 71, 56);
}

.box {
    width: 900px;
    height: 600px;
    margin: auto;
    display: flex;
    flex-direction: row;
    padding: 20px;
    border-radius: 8px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.weaponBox{
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.classPortrait{
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.classPortrait img{
    max-height: 419px;
    max-width: 400px;
    min-height: 400px;
    min-width: 200px;
}

.itemsSection{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    gap: 15px;
}