/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */h1{font-size:2em}.name_banner{background-color:#cc443d;padding-bottom:.0125em;text-align:center}.name_banner a{color:#f8f8ff;font-size:2.5em;letter-spacing:4px}.bottom_banner{background-color:#cc443d;padding-bottom:.0125em;position:fixed;bottom:0;width:100%}.bottom_banner a{color:#f8f8ff;font-size:1.5em;letter-spacing:4px}a{padding:10px}ul{display:block;margin:0 auto 4rem;max-width:400px}li{margin:1em}@media only screen and (min-width:600px){.name_banner a{font-size:3em}}


/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */html{color:#222;font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{font-family:"Roboto",sans-serif;line-height:1.8;color:#181425;background-color:#f8f8ff;margin:5px}h1,h2,h3,h4,h5,h6{font-family:"Raleway",sans-serif;font-weight:700}h1{text-align:center;font-size:2.5em}a{text-decoration:none;color:#cc443d;margin:5px}a:hover{background-color:#cc443d;color:#f8f8ff}header{margin:10px auto;max-width:600px}li{margin:0 10px 5px}ol{list-style:none;counter-reset:counter;-webkit-padding-start:30px;padding-inline-start:30px}ol li{counter-increment:counter}ol li:before{content:counter(counter);font-weight:700;font-size:2rem;margin-right:1rem;font-family:"Raleway",sans-serif;line-height:1;color:#cc443d}.source{max-width:400px;margin:0 auto}.source a{display:block;text-align:center;padding:10px 20px}.source:hover a{background-color:#cc443d;color:#f8f8ff}.notes{margin:0 1em}.btn{display:block;font-family:"Raleway",sans-serif;font-weight:700;font-size:1em;background-color:#cc443d;color:#f8f8ff;min-width:60px;min-height:60px;padding:0 25px;margin:0 10px 0 auto;cursor:pointer}.ingredients{display:block;position:-webkit-sticky;position:sticky;float:right;top:25px;right:10px;z-index:1;transition:max-height .5s ease;max-width:90%;max-height:60px;overflow:hidden}.ingredients ul{background-color:#f8f8ff;font-size:.9em;margin:0 5px 10px;border:3px solid grey;border:3px solid rgba(0,0,0,.5);-webkit-padding-start:15px;padding-inline-start:15px}.instructions{clear:both;max-width:600px}aside{max-height:1.5em;transition:max-height 2s ease;border:hidden;padding:5px;overflow:hidden;margin-bottom:.5em}aside:before{content:"Press and hold for notes";color:#cc443d;display:block;margin-bottom:1em}aside:active,aside:focus,aside:target{max-height:150%;border:3px dashed #cc443d}main{margin-bottom: 100px;}footer{display:flex;justify-content:space-around;position: fixed;bottom: 0;background: white;width: 100%;}footer a{display:block;font-size:1em}.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media only screen and (min-width:35em){header{margin-bottom:3em}.ingredients{max-width:400px}footer{font-size:1.5em}}@media only screen and (min-width:80em){.ingredients{max-height:100%;overflow:auto;right:10%}.btn{margin:0 0 1em}.ingredients ul{border:none}.ingredients li{margin-top:1em}.instructions{margin-left:10%;clear:none;line-height:2}.instructions li{margin-top:3em}aside{border:3px dashed #cc443d;overflow:auto;max-height:100%}aside:before{content:none}footer{font-size:2em}}@media print{*,:after,:before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@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)}}
/*# sourceMappingURL=main.d2264220.chunk.css.map */