body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;font-style:normal}em{font-style:italic}body{position:relative;padding:50px 0 0;margin:0;overflow:auto;font-size:1.2rem;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0}h1{font-size:1.5rem}h2{font-size:1.4rem}h3{font-size:1rem}.App{padding:28px 28px 45px;min-height:calc(100vh - 99px)}@media (max-width: 599px){.App{padding:20px 10px 45px}}.navigation{background-color:#000;position:fixed;right:0;top:0;left:0;width:100%;height:50px;line-height:50px;vertical-align:middle;z-index:1;box-shadow:0 0 10px 5px #ef0bdc}.menu-item-avatar{height:25px;margin-right:5px}.navigation button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:inherit}a:not(.MuiButtonBase-root),a:visited:not(.MuiButtonBase-root),.navigation button{color:#48a6b1;text-decoration:underline}.navigation h1{float:left;cursor:pointer;margin:0 0 0 10px;font-size:2.4rem;font-family:Monoton;font-weight:400;font-style:normal;color:#fff;text-shadow:1px 0px 1px rgb(4,140,156),0px 1px 1px rgb(4,140,156),-1px 0px 1px rgb(4,140,156),0px -1px 1px rgb(4,140,156),0px 0px 14px rgb(4,140,156)}.navigation .sub-title{margin-left:20px;cursor:pointer;font-family:Satisfy;font-size:20px;color:#fff;text-decoration:none;text-shadow:1px 0px 1px rgb(239,11,220),0px 1px 1px rgb(239,11,220),-1px 0px 1px rgb(239,11,220),0px -1px 1px rgb(239,11,220)}.footer{display:block;padding:10px 28px;background-color:#000;box-shadow:0 0 10px 5px #ef0bdc}.footer a{margin-right:20px}@media (max-width: 899px){html{background-color:#fff}.App{min-height:auto}.footer{display:none}}.navigation a,.navigation button{margin-right:20px}.ingredient-edit-grid,.direction-edit-grid{display:grid;border-top:1px solid black;border-right:1px solid black;margin-bottom:8px}.direction-edit-grid{grid-template-columns:auto auto auto 1fr auto}.ingredient-edit-grid{grid-template-columns:repeat(4,auto) 1fr 2fr auto}.ingredient-edit-grid>span,.direction-edit-grid>span{padding:2px;border-bottom:1px solid black;border-left:1px solid black}ol li .inline-edit-component{display:block}.inline-edit-component{display:inline-block;width:auto}.inline-edit-component>input,.inline-edit-component>div,.inline-edit-component>textarea{font-family:Courier New,Courier,monospace;font-size:12pt}.inline-edit-placeholder{color:#888;font-style:italic}.inline-edit-component input{display:inline-block}.indentation{margin-left:20px}.MuiSvgIcon-root{vertical-align:middle}button{margin:10px;padding:10px}.menu ul,.menu li{list-style:none}.nav{width:100%;height:100%;position:fixed;background-color:#000;overflow:hidden;line-height:25px;max-height:0;transition:max-height .2s ease-out}.menu{display:flex;height:50px;flex-direction:row;align-items:center;justify-content:center;margin:0}@media (max-width: 899px){.menu{margin-block-start:1em;margin-block-end:1em;flex-direction:column;height:100%;align-items:flex-start;justify-content:flex-start}.menu li{padding:30px}.menu-item-avatar{height:auto}}.burger{cursor:pointer;float:right;padding:24px 20px}.burger-line{background:#fff;display:block;height:2px;position:relative;width:24px}.burger-line:before,.burger-line:after{background:#fff;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.burger-line:before{top:5px}.burger-line:after{top:-5px}.side-menu{display:none}.side-menu:checked~nav{max-height:100%}.side-menu:checked~.burger .burger-line{background:transparent}.side-menu:checked~.burger .burger-line:before{transform:rotate(-45deg);top:0}.side-menu:checked~.burger .burger-line:after{transform:rotate(45deg);top:0}body:has(.side-menu:checked){overflow:hidden}.nice-list{list-style-type:none;margin:0;padding:0}.nice-list li{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #ddd;padding:5px}@media (max-width: 899px){.avatar{display:inline-flex;float:left;margin-right:5px}}@media (max-width: 599px){.navigation h1{font-size:20px}.navigation .sub-title{margin-left:10px;font-size:15px}.hide-when-xs{display:none}}@media (min-width: 900px){.nav{max-height:none;top:0;position:relative;float:right;width:fit-content;background-color:transparent}.menu a,.menu button{padding:0}.burger,.hide-above-xs{display:none}}.recipe-ingredients ul{padding-inline-start:20px}@media (max-width: 899px){.recipe-ingredients ul{padding-inline-start:0px}}.recipe-ingredients li{list-style-type:none;border-bottom:1px solid lightgray}.recipe-ingredients li,.recipe-directions li{margin-bottom:15px;letter-spacing:.8px}.recipe-ingredients span{font-size:.75em;color:#bbb}@keyframes pulsate{0%{box-shadow:0 0 5px #ef0bdc}50%{box-shadow:0 0 17px #ef0bdc}to{box-shadow:0 0 5px #ef0bdc}}