:root{--mainColor:#f1f1f1;--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--mainShadow:0 4px 8px 0 rgba(0,0,0,.2);--hoverShadow:0 8px 16px 0 rgba(0,0,0,.2);--maxWidth:1170px;--clr-blue:#086788;--clr-btn:#ff9233}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f1f1;background-color:var(--mainColor);color:var(--clr-grey-9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.5}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1rem}p{margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.5rem}body{font-size:1rem}h1,h2,h3,h4{line-height:1}}main h1{margin:1rem;text-align:center}.container{grid-gap:2rem;display:grid;gap:2rem;margin:5rem auto;max-width:1170px;max-width:var(--maxWidth);width:85vw}.food{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:var(--mainShadow);padding:20px;text-align:center}.food:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:var(--hoverShadow)}.food img{border-radius:50%;box-shadow:var(--light-shadow);height:175px;object-fit:cover;width:175px}.food h4{color:#617d98;margin-bottom:.35rem}.h3item{grid-column:1;text-decoration:overline}.container button{background:#ff9233;background:var(--clr-btn);font-size:1.2rem;margin:2rem auto 0;outline:1px solid rgba(242,138,178,.8);width:50%}.btnitem,.container button{border-color:transparent;border-radius:.25rem;border-radius:var(--radius);color:var(--clr-white);cursor:pointer;display:block;letter-spacing:.1rem;letter-spacing:var(--spacing);padding:.5rem 0;text-transform:capitalize}.btnitem{background:#086788;background:var(--clr-blue);font-size:1.4rem;margin:2rem auto;width:80%}@media screen and (min-width:768px){.container{grid-template-columns:repeat(2,1fr)}.h3item{grid-column:1/span 2;text-decoration:overline}}@media screen and (min-width:992px){.container{grid-template-columns:repeat(3,1fr)}.h3item{grid-column:1/span 3;text-decoration:overline}}
/*# sourceMappingURL=main.160fed78.css.map*/