.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--light:#fff;--dark:#073234;--darker:green;--blue:#61dafb;--crimson:#db3052}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body{background-color:green;background-color:var(--darker);background-image:url(/static/media/background.26e4e8dbbf055245375f.jpg);background-position:50% 0;background-repeat:no-repeat;background-size:auto;margin-left:auto;margin-right:auto}.App{color:#fff;color:var(--light);padding-top:4rem;text-align:center}h1{font-size:2.5rem;margin-bottom:1rem;text-transform:uppercase}.recipes{grid-gap:1rem;display:grid;grid-row-end:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:2rem auto 0;max-width:1024px}.recipe{align-self:baseline;background-color:#073234;background-color:var(--dark);border-radius:.5rem;padding:1rem;text-align:left}.adjust{margin-top:80px}button{-webkit-appearance:none;appearance:none;background:none;background-color:#61dafb;background-color:var(--blue);border:none;border-radius:.25rem;color:#000;cursor:pointer;font-weight:700;outline:none;padding:.5rem 1rem;text-transform:uppercase}.buttons{align-items:center;display:flex;margin-left:-.5rem;margin-top:1rem}img{margin-left:-30px;margin-top:-5px;position:absolute;top:0;width:220px}.buttons button{margin:0 .5rem}button.remove{background-color:#db3052;background-color:var(--crimson);color:#000}h1{color:#fff}h4{color:#e8eb1b;margin-bottom:1rem;margin-top:1rem}.name{color:#08b8ff;margin-top:0}ol,ul{list-style:none}li{line-height:1.4}.popup{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;text-align:left;top:0;width:100%;z-index:10}.popup-inner{background-color:#073234;background-color:var(--dark);border-radius:.5rem;max-height:calc(100vh - 4rem);max-width:480px;overflow:auto;padding:1rem;width:100%}.form-group,.popup h2{margin-bottom:1rem}.form-group:last-of-type{margin-bottom:0}input,textarea{display:block;margin-bottom:.5rem;max-height:300px;padding:.5rem;resize:vertical;width:100%}.desc{height:100px}.form-group label{display:block;margin-bottom:.5rem}.form-group button{margin-top:1rem}
/*# sourceMappingURL=main.638016ce.css.map*/