.group-box{
    padding-left: 15px;
}

.group-box h1{
    padding-top: 20px;
    color: #2f3d4c;
    font-weight: lighter;
    font-size: 18pt;
    
}

.fields-box{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    margin-bottom: 20px;
}

.field-box{
    display: grid;
    grid-template-columns: auto auto;
    padding: 15px;
    color:#2f3d4c;
    border: 2px solid #2f3d4c;
    border-radius: 5px;
}

.field-box:hover{
    cursor: pointer;
    background-color: #2f3d4c1c;
}

.field-box.selected{
    background-color:#2f3d4c;
    color: white;
}

.value-container{
    text-align: right;
}