html {
    font-size: larger;
}
.symptom-form form fieldset{
    position: relative;
}
input {
    font-size: 24px;
    min-width: 200px; 
}
.symptom-selection {
    position: absolute;
    top: 46px;
    left: 0;
    width: 90%;
    border: 1px solid rgb(184, 221, 115);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    background: hsl(115, 100%, 98%);
    display: none;
}
input:focus + .symptom-selection {
    display: block;
}
span.select-option {
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 3px 5px;
}
 
span.select-option:hover {
    color:#f6f6f6;
    background:#4e9a06;         
}   

.symptoms-selected {
    display: flex;
    flex-wrap: wrap;
}
.selected-symptom {
    background-color: darkgreen;
    color: white;
    width: max-content;
    margin: 10px;
    padding: 5px 10px;
    border-radius: 10px;
}

.sugar-table {
    margin: 10px;
}
.sugar-row {
    display: grid;
    grid-template-columns: 200px 3fr min-content;
    gap: 20px;
    border: 2px solid #4e9a06;
    margin: -2px;
    height: 58px;
    overflow: hidden;
}
.selected-sugar-row {
    height: auto;
}
.owned {
    background-color: #4e9a0644;
}
.german {
    opacity: 50%;
}
.score {
    padding: 10px;
    font-size: x-large;
}