a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{height:100%}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;font-size:14px;background-color:#f9f9f9}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1{font-size:36px}h1,h2{font-family:"Segoe UI";font-weight:600;margin:0 0 8px}h2{font-size:24px}h3{font-family:"Segoe UI";font-size:18px}p{font-size:14px;line-height:1.2}li{line-height:1.6}ol{margin-bottom:8px;list-style-type:decimal;list-style-position:inside}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.page{margin:32px 32px 64px}.page h1{margin-bottom:8px}.page h2,.page h3{margin-bottom:8px;margin-top:12px}.page p{margin-bottom:16px}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-title{font-weight:600;line-height:45px;margin-left:32px;overflow:hidden}@media (max-width:579px){.app-title{display:none}}.pivot{margin-left:32px}nav .profile-button{margin-left:auto;margin-right:32px;background:transparent}@media (max-width:579px){nav .profile-button{display:none}}.profile-button-small{background:transparent;margin:auto 21px auto auto}@media (min-width:579px){.profile-button-small{display:none}}.recipe{margin:-32px}.recipe-header{position:relative;width:100%;height:240px;display:flex;overflow:hidden}.recipe-background-image{background-size:cover;background-position:50%;-webkit-filter:blur(7px);filter:blur(7px);width:120%;height:120%;position:absolute;z-index:-1;margin:-16px}.recipe-background-image .overlay{z-index:1;width:100%;height:100%;background:rgba(0,0,0,.4)}.recipe-image{flex:0 0 160px;height:160px;margin:32px;background-size:cover;background-position:50%;border-radius:4px}@media (max-width:579px){.recipe-image{flex:0 0;margin:0 0 0 32px}}.recipe-summary{color:#fff;flex:1 1 auto;margin:32px 32px 32px 0;overflow:hidden}.recipe-summary h1{margin:0}@media (max-width:579px){.recipe-summary h1{font-size:24px}}.recipe-summary p{margin:16px 0 0}@media (max-width:579px){.recipe-summary p{font-size:14px}}.recipe-large-content{display:flex;margin:32px}@media (max-width:579px){.recipe-large-content{display:none}}.recipe-large-ingredients{flex:0 0 240px}.recipe-large-instructions{flex:1 1 auto;margin-left:16px}.recipe-small-content{display:none}@media (max-width:579px){.recipe-small-content{display:block}}.ingredients-tab,.instructions-tab,.tabpanel{margin:8px}h3{font-size:14px}.ingredients-list,h3{font-weight:600}.ingredients-list>li{line-height:2}.instructions-list>li{margin-bottom:12px}.headered-box{background-color:#fdfdfd;border:1px solid #eaeaea;border-radius:4px}.headered-box>header{display:flex;align-items:center;height:48px;box-sizing:border-box;border-bottom:1px solid #eaeaea}.headered-box>header>h2{font-size:14px;margin:0 16px}.headered-box>.content{padding:16px}.recipes-page-container{margin:32px}@media(max-width:768px){.recipes-page-container{margin:0}}.card{width:240px;height:300px;margin:12px 12px 0 0;float:left;display:flex;flex-direction:column;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px 2px hsla(0,0%,41.2%,.2);transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card:last-child{margin-bottom:32px}@media (max-width:768px){.card{width:200px;height:260px}}@media (max-width:579px){.card{width:100%;height:80px;flex-direction:row}}.card:hover{box-shadow:0 2px 8px 2px rgba(0,0,0,.2)}.card img{object-fit:cover;flex-shrink:0;width:240px;height:240px;transition:.25s}@media (max-width:768px){.card img{width:200px;height:200px}}@media (max-width:579px){.card img{width:80px;height:80px}}.card .content{margin:8px 16px;overflow:hidden}@media (max-width:579px){.card .content{margin:16px}}.card .content h4{white-space:nowrap;font-weight:700;font-size:14px}@media (max-width:579px){.card .content h4{white-space:normal;line-height:16px;max-height:32px;overflow:hidden}}.card .content p{margin-top:4px;font-size:12px;color:#777}.landing-page{background-image:url(/static/media/landing-page-cover-image-medium.f26fc7b4.jpg);width:100vw;height:100vh;background-position-x:left;background-position-y:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0}.landing-page .container{margin-left:5vw;margin-right:5vw;margin-top:40vh;max-width:50vw}@media (max-width:768px){.landing-page .container{margin-top:20vh;max-width:60vw}}@media (max-width:579px){.landing-page .container{margin-top:10vh;max-width:100%}}.landing-page h1{font-size:48px;color:#fff;font-family:"Segoe UI";font-weight:400}@media (max-width:579px){.landing-page h1{font-size:32px}}.landing-page h2{font-size:32px;color:#fff;font-family:"Segoe UI";font-weight:200;margin-top:32px}@media (max-width:579px){.landing-page h2{font-size:18px;margin-top:16px}}.landing-page .button{display:block;position:relative;float:left;background-color:orange;border-radius:6px;padding:12px;color:#fff;text-decoration:none;font-size:16px;margin-top:12px}
/*# sourceMappingURL=main.80d319fb.chunk.css.map */