body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;color:#fff;font-size:calc(10px + 1vmin);min-height:100vh}.pages{position:relative}input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;font-size:16px;height:40px;line-height:1.5;margin:8px 0;padding:12px 20px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}ul{list-style:none;margin:0}ul li{margin:0;padding:0}.item{align-items:center;display:flex}.recipe_container{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recipe{border:1px solid #fff}.navbar{background-color:#1f1f1f;border-bottom:1px solid #292929;box-sizing:border-box;color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav-container,.navbar{align-items:center;display:flex;justify-content:center}.nav-container{height:80px;width:100%}.nav-container .website-name{color:#fff;cursor:pointer;display:inline-block;flex-grow:1;margin-left:20px;text-decoration:none}.nav-container .nav-menu{display:flex;list-style:none;text-align:center}.nav-container .nav-menu .nav-item{line-height:40px;margin-right:25px}.nav-container .nav-menu .nav-item:after{background:transparent;content:"";display:block;height:3px;transition:width .7s ease,background-color .5s ease;width:0}.nav-container .nav-menu .nav-item:hover:after{background:#fff;width:100%}.nav-links{border-bottom:3px solid transparent;color:#fff;height:100%;text-decoration:none}.nav-icon{display:none}@media screen and (max-width:960px){.nav-container{justify-content:flex-start}.nav-container .nav-menu{border-top:1px solid #fff;display:flex;flex-direction:column;left:-110%;opacity:1;overflow-x:hidden;padding:0;position:absolute;top:80px;transition:all .5s ease;width:100%}.nav-container .nav-menu.active{background:#000;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-container .nav-menu .nav-item{margin-right:inherit}.nav-container .website-name{flex-grow:inherit;width:40%}.nav-item .active{border:none;color:#8d8d8d}.nav-links{display:table;padding:1.5rem;width:100%}.nav-icon,.nav-links{box-sizing:border-box}.nav-icon{align-items:center;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:50px;justify-content:center;margin-right:inherit;position:absolute;right:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px}}h1{text-align:center}
/*# sourceMappingURL=main.7fe9887f.css.map*/