#settings-panel {
    margin: 0 auto;
    max-width: 600px;
}

.settings-subpanel {
    width: 100%;
    box-shadow: 0px 0px 5px #191919;
    border-radius: 7px;
    background: #3c3c3c;
}

#nutrient-table {
    padding: 20px;
    margin: 0 auto;
    border-spacing: 15px 15px;
}

.settings-subpanel-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #FFD68C;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    font-family: sans-serif;
    display: block;
}

#add-button {

}

#save {
    margin-top: 40px;
    font-size: 20px;
    display: block;
    width: fit-content;
}

.interactive-anchor {
    font-family: sans-serif;
    color: #FFD68C;
    font-weight: bold;
}

.remove {
    color: wheat;
}

.message {
    background: #ffffff;
    color: #999999;
    border-left: 3px solid transparent;
    border-radius: 3px;
    margin-bottom: 8px;
    font-weight: bold;
    height: 0;
    padding: 0 20px 0 17px;
    opacity: 0;
    transition: all ease-in-out 200ms;
    margin-top: 30px;
}

.message.show {
    height: auto;
    opacity: 1;
    padding: 10px 20px 10px 17px;
}