body{background-color:#522d8040;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{flex:1 1;margin-bottom:2rem;min-height:calc(100vh - 7rem)}.App nav{align-items:center;display:flex;padding-top:1rem;width:100%}.App nav img{padding-left:3rem}.App nav ul{display:inline-flex;justify-content:flex-end;padding:0 2rem 0 0;width:100%}.App nav li{font-size:1.125rem;list-style:none;padding:0 2rem}.Home{margin:0 auto;width:62.5rem}.Home p{text-align:justify}.Home p,.Search{font-size:1.125rem}.Search{align-items:center;display:flex;flex-direction:column}h1{margin-top:1rem;text-align:center}label{display:block}input{margin:1rem 0 2rem;padding:.25rem 0;width:31.25rem}button,input{box-sizing:border-box;font-size:1.125rem;height:2.5rem}button{font-weight:700;padding:.25rem .75rem}.recipes{grid-gap:1rem;display:grid;grid-template-columns:repeat(4,1fr)}.dish{background-color:#f6673359;border:.0625rem solid #000;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;padding:1rem 0;width:25rem}.dish h2{color:#16161d;min-height:3.5rem;text-align:center;text-decoration:underline;text-transform:capitalize}.dish img{align-self:center;border-radius:.5rem;height:18.75rem;max-width:18.75rem}.dish ul{padding-right:1.5rem}.dish p{margin:.25rem 0;padding:0 1rem}#view{margin-top:2rem}.footer{align-items:center;background-color:#522d80a6;display:flex;height:5rem;justify-content:center}.footer .invisible-element{margin-left:1rem;visibility:hidden;width:6.25rem}.footer p{color:#fff;font-size:1.125rem;margin:auto;padding:0 1rem}.footer a{color:#f0ff00}.footer a:hover{color:#61dafb}.footer .attribution{padding-right:1rem}@media only screen and (max-width:105rem){.recipes{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:79.6875rem){.dish{width:18.75}.dish img{height:auto;width:15.625rem}}@media only screen and (max-width:64.0625rem){.Home{width:50rem}.recipes{grid-template-columns:repeat(2,1fr)}.dish{width:25rem}.dish img{height:auto;width:18.75rem}}@media only screen and (max-width:53.125rem){.dish{width:18.75rem}.dish img{height:auto;width:15.625rem}.footer .invisible-element{margin:0;width:0}.footer p{margin-left:0}}@media only screen and (max-width:50rem){.App nav img{height:3.75rem}.Home{box-sizing:border-box;padding:0 2rem;width:100vw}}@media only screen and (max-width:40.625rem){.App nav img{height:3.25rem}.Home p,.Search{font-size:1rem}form{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}label{margin:0 2rem;width:25rem}input{margin-bottom:.25rem}button,input{font-size:1rem;height:2rem;width:25rem}button{line-height:1rem}.recipes{grid-template-columns:repeat(1,1fr)}.dish{width:25rem}.dish img{height:auto;width:18.75rem}.footer p{font-size:1rem}}@media only screen and (max-width:30rem){.App nav img{height:3rem;padding-left:2rem}.App nav ul{padding-right:0}.App nav li{font-size:1rem;list-style:none;padding:0 1.75rem}.Home{padding:0 1.5rem}button,input,label{width:18.75rem}.recipes{grid-template-columns:repeat(1,1fr)}.dish{width:18.75rem}.dish img{height:auto;width:15.625rem}.footer p{font-size:.9rem}}
/*# sourceMappingURL=main.c0723f14.css.map*/