:root{--charcoal-grey:#313638;--grey-teal:#689689;--light-peach:#e2d0be;--dark-peach:#e07a5f;--light-periwinkle:#d8dbe2;--color-background:var(--charcoal-grey);--color-fontHeader:var(--dark-peach);--color-fontBody:var(--light-peach);--font-heading:"Oswald",sans-serif;--font-mono:"PT Mono",monospace;--font-body:"PT Sans Narrow",sans-serif;--fontSize-normal:1rem;--fontSize-big:1.5rem;--fontSize-bigger:2rem;--page-maxWidth:300rem;--padding-smallest:0.5rem;--padding-smaller:0.8rem;--padding-small:1rem;--padding-normal:1.3rem;--padding-big:2rem;--padding-bigger:2.5rem;--margin-smallest:0.5rem;--margin-smaller:0.8rem;--margin-small:1rem;--margin-normal:1.3rem;--margin-big:2rem;--margin-bigger:2.5rem;--button-color:var(--charcoal-grey);--button-color--disabled:var(--charcoal-grey);--button-backgroundColor--active:var(--light-peach);--button-borderColor:var(--charcoal-grey);--button-borderColor--primary:var(--grey-teal);--button-color--primary:var(--grey-teal);--color-inputBorder--active:var(--light-peach)}.primary{--button-borderColor:var(--grey-teal);--button-color:var(--grey-teal)}.theme-light{--color-background:var(--light-peach)}.theme-periwinkle{--color-background:var(--light-periwinkle);--color-fontBody:var(--charcoal-grey);--color-fontHeader:var(--charcoal-grey);--color-inputBorder--active:var(--dark-peach)}
.dinner__heading{display:flex;justify-content:space-between;width:100%}
.dinnerNew-form,.dinnerNew-form label{display:flex;flex-direction:column}.dinnerNew-form label{margin-bottom:var(--margin-bigger)}.dinnerNewForm-buttons{display:flex;justify-content:space-between}.dinnerNewForm-buttons button{width:45%}.nameInput{text-transform:uppercase;font-family:var(--font-heading);font-size:var(--fontSize-bigger)}
.page-home{display:flex;flex-direction:column}.dinner-grid{display:grid;grid-row-gap:var(--margin-normal);grid-column-gap:var(--margin-normal);grid-template-columns:repeat(4,1fr);justify-content:center;align-content:center}@media only screen and (max-width:500px){.dinner-grid{grid-template-columns:repeat(2,1fr)}}.dinner-gridElement{background-color:var(--light-peach);color:var(--charcoal-grey);padding:var(--padding-normal);width:8rem}

.button{padding:var(--padding-smallest);text-transform:uppercase;font-size:var(--fontSize-big);background:none;border:2px solid var(--button-borderColor);color:var(--button-color);font-family:inherit}.button:active{background-color:var(--button-backgroundColor--active)}.button:disabled:not(.pending){color:var(--button-color--disabled);opacity:.2}.button.pending{border:2px dashed var(--button-borderColor);opacity:.6}

[data-elm-hot=true]{height:inherit}body{font-family:var(--font-body);margin:0;box-sizing:border-box}.main{height:100%;min-height:100vh;background-color:var(--color-background);color:var(--color-fontBody);font-size:16px;display:flex;justify-content:center;transition:all .2s ease-in-out}.page{padding:var(--padding-bigger) var(--padding-big);width:100%;max-width:50rem}h1{font-size:2rem;margin:0;color:var(--color-fontHeader);text-transform:uppercase;text-align:center}label{position:relative;--topPadding:-0.5rem}label span{position:absolute;text-transform:uppercase;left:1rem;top:var(--topPadding);background-color:var(--color-background);padding:0 1rem}label input,label textarea{color:var(--color-fontBody);border:1px solid var(--color-fontBody);padding:var(--padding-small);background-color:transparent;box-shadow:none;font-size:1rem;font-family:var(--font-body);transition:border-color .2s ease-in-out}label input:focus+span,label textarea:focus+span{transition:color .2s ease-in-out;color:var(--color-inputBorder--active)}label input::-webkit-input-placeholder,label textarea::-webkit-input-placeholder{opacity:.2}label input::-ms-input-placeholder,label textarea::-ms-input-placeholder{opacity:.2}label input::placeholder,label textarea::placeholder{opacity:.2}label input:focus,label textarea:focus{border-color:var(--color-inputBorder--active);caret-color:var(--color-inputBorder--active)}

/*# sourceMappingURL=main.0de57c64.chunk.css.map*/