style.css

body {
    margin: 0;
    min-height: 100vh;
}

.navigetion {
    background-color: #c4c4c4;
    padding: 1rem 1.15rem;
    display: flex;
}

.left-side, .right-side {
    flex-grow: 1;
}

.right-side {
    display: flex;
    justify-content: flex-end;
}

.button {
    min-width: 12rem;
    background-color: aliceblue;
    border-radius: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
    margin-right: 1rem;
}

.user {
    background-color: goldenrod;
}

.container {
    display: flex;
    justify-content: center;
    margin-top: 1rem;

}

.main-work {
    border: 1px solid black;
    border-radius: 2rem 2rem 0 0;
    min-width: 62.5rem;
}

.foods-table-nav {
    padding: 1rem
}

table {
    width: 100%;
    min-height: 20rem;
}

th {
    text-align: left;
}

.right {
    text-align: right;
}

tr {
    vertical-align: top;
}

.progress-bars {
    width: 28.125rem;
    border-radius: 1rem;
    background-color: #c4c4c4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.progress-bar {
    border: 1px solid black;
    border-radius: 0.625rem;
    width: 90%;
    margin: 0.7rem;
    overflow: hidden;
}

.progress {
    background-color: burlywood;
    width: 25%;
    padding-left: 0.625rem;
}