html, body {
    height: 100%;
}

.cs-fullheight {
    height: 100%;
}

.cs-content {
    padding-top: 24px;
}

.cs-content-small {
    padding-top: 12px;
}

.cs-wait-for-content {
    margin-top: 24px;
    margin-left: 16px;
    margin-bottom: 16px;
    margin-right: 16px;
}

.cs-margin-bottom {
    margin-bottom: 16px;
}

.cs-margin-top-small {
    margin-top: 8px;
}

.cs-margin-small {
    margin: 8px;
}

.cs-big-button {
    margin-bottom: 16px;
    min-width: 30vw;
}

.cs-h1 {
    padding-top: 64pt;
    padding-bottom: 8pt;
    font-weight: 700;
}

.cs-h2 {
    padding-top: 48pt;
    padding-bottom: 8pt;
    font-weight: 700;
}

.cs-grey {
    background-color: #c8c8d1;
}

.cs-fab-btn {
    position: fixed;
    bottom: 16px;
    right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.cs-flex-row-center {
    display: flex;
    align-items: center;
}

.cs-flex-row-baseline {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.cs-recipe-textarea {
    resize: none;
    height: 10em;
}

.cs-menu-category-header {
    font-size: 56px;
}

.cs-menu-section ~ .cs-menu-section {
    padding-top: 48px;
}

.cs-menu-drink-header {
    font-size: 36px;
}

.cs-menu-drink-icon {
    color: #585858;
    padding-left: 8px;
}