:root{--primaryLightColor:#fff;--primaryColor:#ac2c09;--primaryDarkColor:#c02c03;--mainWhite:#fff;--mainBackground:#f1f5f8;--mainBlack:#222;--darkGrey:#afafaf;--mainTransition:all 0.3s linear;--mainSpacing:0.3rem;--lightShadow:2px 5px 3px 0px rgba(0,0,0,0.5);--darkShadow:4px 10px 5px 0px rgba(0,0,0,0.5);--mainBorderRadius:0.25rem;--smallWidth:85vw;--maxWidth:40rem;--fullWidth:1170px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#222;color:var(--mainBlack);background:#f1f5f8;background:var(--mainBackground);line-height:1.4;font-size:1rem;font-weight:300}h1,h2,h3,h4,h5,h6{font-family:var(--slantedFont);margin-bottom:.25rem;letter-spacing:.3rem;letter-spacing:var(--mainSpacing)}p{margin-bottom:1.25rem}ul{list-style-type:none}a{text-decoration:none;color:#222;color:var(--mainBlack)}img{width:100%;display:block}.btn,.btn-primary,.btn-white{text-transform:uppercase;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);color:#ac2c09;color:var(--primaryColor);border:2px solid #ac2c09;border:2px solid var(--primaryColor);padding:.45rem .8rem;transition:all .3s linear;transition:var(--mainTransition);cursor:pointer;font-size:.8rem;background:transparent;border-radius:.25rem;border-radius:var(--mainBorderRadius);display:inline-block}.btn:hover{background:#ac2c09;background:var(--primaryColor)}.btn-white,.btn:hover{color:#fff;color:var(--mainWhite)}.btn-white{background:transparent;border-color:#fff;border-color:var(--mainWhite)}.btn-white:hover{background:#fff;background:var(--mainWhite);color:#ac2c09;color:var(--primaryColor)}.btn-primary{background:#ac2c09;background:var(--primaryColor);color:#fff;color:var(--mainWhite);border-color:transparent}.btn-primary:hover{background:#fff;background:var(--primaryLightColor);color:#ac2c09;color:var(--primaryColor);border:2px solid #ac2c09;border:2px solid var(--primaryColor)}.underline{width:10rem;height:.25rem;background:#ac2c09;background:var(--primaryColor);margin:0 auto 3.5rem}.photo{object-fit:cover;height:500px;width:100%;border:.25rem solid #c59d5f;border-radius:.25rem;display:block}.navbar{background:#fff;background:var(--mainWhite);height:5rem;display:flex;align-items:center;border-bottom:2px solid #ac2c09;border-bottom:2px solid var(--primaryColor);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow)}nav{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1)}.nav-center,.nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.nav-center{max-width:1170px;margin:0 auto}.nav-center h2{margin-bottom:0;color:#ac2c09;color:var(--primaryColor)}.nav-links{display:flex;align-items:center}.nav-links a{text-transform:capitalize;display:inline-block;font-weight:700;margin-right:.5rem;font-weight:400;letter-spacing:2px;font-size:1.2rem;padding:.25rem .5rem;transition:all .3s linear;transition:var(--mainTransition)}.nav-links a:hover{color:#ac2c09;color:var(--primaryColor)}.about-section{width:85vw;width:var(--smallWidth);max-width:40rem;max-width:var(--maxWidth);margin:0 auto}.about-section p{line-height:2rem;font-weight:400;letter-spacing:2px}.error-page{display:flex;justify-content:center}.error-container{text-align:center;text-transform:capitalize}.section{padding:3rem 0}.section-title{margin-bottom:3.5rem;margin-top:1rem}.meal-title,.section-title{font-size:2rem;text-transform:capitalize;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);text-align:center}.meal-title{margin-top:4rem}.meals-center{width:85vw;width:var(--smallWidth);margin:0 auto;max-width:1170px;max-width:var(--fullWidth);display:grid;grid-row-gap:2rem;row-gap:2rem;grid-column-gap:2rem;column-gap:2rem}@media screen and (min-width:576px){.meals-center{grid-template-columns:repeat(auto-fill,minmax(338.8px,1fr))}}.meal{background:#fff;background:var(--mainWhite);margin-bottom:2rem;box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);transition:all .3s linear;transition:var(--mainTransition);display:grid;grid-template-rows:auto 1fr;border-radius:.25rem;border-radius:var(--mainBorderRadius)}.meal:hover{box-shadow:4px 10px 5px 0 rgba(0,0,0,.5);box-shadow:var(--darkShadow)}.meal img{height:20rem;object-fit:cover;border-top-left-radius:.25rem;border-top-left-radius:var(--mainBorderRadius);border-top-right-radius:.25rem;border-top-right-radius:var(--mainBorderRadius)}.meal-footer{padding:1.5rem}.meal-footer h3,.meal-footer h4,.meal-footer p{margin-bottom:.3rem}.meal-footer h3{font-size:2rem}.meal-footer p{color:#afafaf;color:var(--darkGrey);margin-bottom:.5rem}.search{margin-top:.3rem;padding-bottom:0}.search-form{width:85vw;width:var(--smallWidth);margin:0 auto;max-width:40rem;max-width:var(--maxWidth);background:#fff;background:var(--mainWhite);padding:2rem 2.5rem;text-transform:capitalize;border-radius:.25rem;border-radius:var(--mainBorderRadius);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow)}.form-control label{display:block;margin-bottom:1.25rem;font-weight:700;letter-spacing:.25rem;color:#ac2c09;color:var(--primaryColor);text-align:center;font-size:1.5rem}.form-control input{width:100%;border:transparent;background:#f1f5f8;background:var(--mainBackground);border-radius:.25rem;border-radius:var(--mainBorderRadius);padding:.5rem;font-size:1.2rem}.meal-section{text-align:center}.meal-details{width:85vw;width:var(--smallWidth);max-width:1170px;max-width:var(--fullWidth);margin:0 auto;text-align:left}.meal-details img{border-radius:.25rem;border-radius:var(--mainBorderRadius)}.meal-details p{font-weight:700;text-transform:capitalize;line-height:1.8}.meal-details span{margin-right:.5rem}.meal-details-data{background:#fff;background:var(--primaryLightColor);padding:.25rem .5rem;border-radius:.25rem;border-radius:var(--mainBorderRadius);color:#ac2c09;color:var(--primaryColor)}.meal-details-info{padding-top:2rem}@media screen and (min-width:992px){.meal-details{display:grid;grid-template-columns:2fr 3fr;grid-gap:3rem;gap:3rem;align-items:center}.meal-details-info{padding-top:0}}.loader{border-bottom:16px solid #f3f3f3;border-top:16px solid #f3f3f3;border-radius:50%;border-color:#ac2c09 #f3f3f3;border-style:solid;border-width:16px;width:120px;height:120px;animation:spin 2s linear infinite;text-indent:-9999em;position:relative;margin:10rem auto 88px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.af9d0d18.chunk.css.map */