body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3{margin:0}#root,.App,body,html{max-width:100vw;min-height:-webkit-fill-available;min-width:-webkit-fill-available}.column{display:flex;flex-direction:column}a{text-decoration:none}.searchPopup{align-items:center;background-color:hsla(0,0%,95%,.92);height:100vh;left:0;position:fixed;top:0;width:100%}.searchPopup,.searchPopup form{display:flex;flex-direction:column}.searchPopup form{align-items:flex-end;color:#a1a1a1;margin-top:8rem;width:60%}.searchPopup svg{height:2rem}.searchPopup .searchDiv{border-bottom:1.5px solid #d3d3d3;width:100%}.searchDiv input{background-color:initial;border:0;font-size:2.5rem;margin-left:1rem;padding:1rem 0;width:85%}.searchDiv input::-webkit-input-placeholder{color:hsla(0,0%,63%,.9)}.searchDiv input::placeholder{color:hsla(0,0%,63%,.9)}.searchDiv input:focus{outline:none}.sticky{background-color:#fff;padding-right:1rem;position:fixed;width:98%}.header{border-bottom:1px solid #bbb;height:3.75rem;justify-content:space-between;padding:0 1.5rem}.header,header .parts{align-items:center;display:flex;flex-direction:row}header .parts{justify-content:center}.header .parts:nth-of-type(odd){gap:1rem}.header span{align-items:center;color:#a1a1a1;display:flex;flex-direction:row;font-family:"Source Serif Pro",serif;font-weight:800;justify-content:center;letter-spacing:1px}.header svg{height:1.5rem;margin-left:.6rem}.brandsContainer,.header h1{color:#ff442f}.parts .searchBtn{margin-left:1rem}.footer{background-color:#000;color:azure;display:flex;justify-content:center;width:100%}.footer,.footer a{align-items:center}.footer a{color:#fff;font-size:2rem;margin-left:1rem;position:relative}.findCard{align-items:center;background-image:url(/static/media/circular-food.75c3d1fb704247f09dda.jpg);background-size:cover;display:flex;flex-direction:column;gap:1rem;height:30.375rem;justify-content:center;width:100%}.findCard .findTitle{color:rgba(0,0,0,.8);font-family:Georgia,Times New Roman,Times,serif;font-size:3.5rem;margin-top:4rem}.findCard .searchSection{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;flex-direction:row;height:2.75rem;width:37.5rem}.searchSection svg{color:#a1a1a1;height:70%;margin-left:.5rem}.signUpCard{background-color:#ff442f;justify-content:center;min-height:4.5rem}.emailNewsCard,.signUpCard{display:flex;flex-direction:column}.emailCard{align-items:center;display:flex;flex-direction:row;justify-content:center;min-height:4.5rem}.emailCard h3{color:#fff;font:700 1.25rem/1.625rem "Source Serif Pro",serif;padding:0}.emailCard input{border:1px solid #a1a1a1;font:700 .75rem/12 Renner,sans-serif;height:90%;letter-spacing:1px;margin-left:1.5rem;vertical-align:middle;width:13.125rem}.emailCard input:focus{outline:none}.emailCard button{background-color:#181818;color:#fff;font-weight:550;height:100%;letter-spacing:1px}.emailCard input::-webkit-input-placeholder{color:#d3d3d3}.emailCard input::placeholder{color:#d3d3d3}.newsLetterContent{background-color:snow;display:flex;flex-direction:row;gap:2rem;justify-content:center;padding:2.5rem .5rem}.newsLetter{display:flex;flex-direction:column;width:20rem}.newsLetter .newsLetterTitle{color:#83b838;font:normal 700 20px Renner,sans-serif;letter-spacing:normal;text-transform:uppercase}.newsLetterTitle svg{height:1.5rem;margin-right:.5rem}.newsLetter .newsLetterDesc{font-size:small;font-weight:600;padding:0 1rem}.signUpDone{text-align:center}.hLine{border-left:1px solid #000}.linksContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:2rem 0}.linksUl li{-webkit-text-decoration:underline transparent;text-decoration:underline transparent;width:-webkit-max-content;width:max-content}.linksUl li:hover{text-decoration-color:#333;transition:text-decoration-color .2s ease-in}.linkCard .linkTitle{color:#333;font:700 1rem/1rem Renner,sans-serif;letter-spacing:1px;text-transform:uppercase}ul{list-style:none;padding:0}.linkCard li{color:#333;font:normal .75rem/2rem Renner,sans-serif;letter-spacing:1px}.mainFooter{background-color:#ff442f;color:#fff;display:flex;flex-direction:row;justify-content:space-evenly;padding:2rem 0}.navCard strong{font:700 1.5rem Renner,sans-serif}.navCard .navTitle{color:#fff;font:700 .875rem/1.125rem Renner,sans-serif;letter-spacing:1px;text-transform:uppercase}.navCard .socialsUl{display:flex;flex-direction:row;gap:1rem}.nonImageUl{color:#fff;font:700 .75rem/1.0625rem Renner,sans-serif;letter-spacing:1px;padding:5px 0}.socialsUl svg{height:1.6rem}.slideNavBehind{background-color:initial;width:100%}.slideNav,.slideNavBehind{height:100vh;left:0;position:fixed;top:0}.slideNav{align-items:center;background-color:#333;color:#fff;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:1rem 0;text-align:center;transition:.5s;width:0}.slideNav .cancelDiv{margin-left:3rem;text-align:start;width:100%}.slideNav svg{height:1.6rem}.slideNav .navLogo{align-items:center;background-color:#ff442f;border-radius:50%;color:#fff;display:flex;font-family:Georgia,Times New Roman,Times,serif,Helvetica,sans-serif;font-size:2.2rem;font-weight:700;height:5rem;justify-content:center;width:5rem}.slideNav li{font-weight:650;letter-spacing:1px;margin-bottom:1rem;padding:0 1rem;text-align:center}.slideNav .socialsDiv{font-size:small;font-weight:600}.socialsDiv ul{display:flex;flex-direction:row;justify-content:space-evenly}.slideNav .signIn{background-color:initial;border:1px solid #dcdcdc;color:#dcdcdc;padding:.5rem 1.8rem}.comp-card-wrapper{background-color:#333}.divCrossImage{text-align:end;width:100%}.divCrossImage svg{margin-right:3rem;margin-top:1rem}.comp-card-wrapper .divVertImage{text-align:center;width:100%}.comp-card-wrapper svg{color:#bbb;height:3rem}.food-card-wrapper{grid-gap:2rem;background-color:#333;display:grid;gap:2rem;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:100%;min-height:81vh;overflow-y:auto;padding:1rem 4rem}.food-card-wrapper .card-outer{align-items:center;display:flex;justify-content:center}.food-card-wrapper a{text-decoration:none}.errorScreen,.loadingScreen,.notFoundScreen{align-items:center;color:#eee;display:flex;flex-direction:column;justify-content:center}.errorScreen p,.notFoundScreen p{font-size:xx-large;font-weight:500;margin:1rem 0}.view-card-title{color:#000;letter-spacing:.5px}.recipe-view-card{align-items:center;background-color:#fff;border:1px solid #000;display:flex;flex-direction:column;height:24rem;width:20rem}.recipe-view-card .imgContainer{height:80%;width:100%}.imgContainer img{height:100%;object-fit:cover;width:100%}.signInContainer{align-items:center;background-image:url(/static/media/food-left.64bff0052d67d0d0fc87.jpg);background-size:cover;display:flex;flex-direction:row;height:100%;min-height:100vh;width:100%}.signIn-form{background-color:hsla(0,0%,95%,.9);border:none;margin-bottom:3rem;margin-left:auto;margin-right:8rem;padding:2rem 1rem;width:-webkit-max-content;width:max-content}.signIn-form h1{margin-top:1.5rem}.signIn-form h2{color:#f03d29}.input-sect{gap:.2rem;margin-top:1.2rem}.input-sect label{font-size:small;font-weight:600}.input-sect input{font-size:large;padding:.6rem 0}.signIn-form button{background-color:#333;color:#fff;font-size:large;margin-top:1.2rem;padding:.4rem 0;width:100%}.recipe-header{border-bottom:1px solid wheat;display:flex;height:32rem}.recipe-header .header-info{align-items:center;display:flex;flex-direction:column;justify-content:center;width:40%}.header-info .header-name{letter-spacing:.6px;margin-bottom:1rem}.header-info span{font-size:large;font-weight:400;letter-spacing:.4px;margin-bottom:.5rem}.recipe-header .header-img{width:60%}.header-img img{height:100%;object-fit:cover;width:100%}.ingredients-sect{height:-webkit-max-content;height:max-content}.ingredients-sect h2{border-bottom:2px solid wheat;padding:.4rem 0}.ingredients-ul-div{display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem}.ingredients-ul{display:flex;flex-direction:column;margin:.4rem 0;width:-webkit-max-content;width:max-content}.ingredients-ul .ul-title{font-size:large;font-weight:500;margin-bottom:.4rem}.ingredients-ul li{width:-webkit-max-content;width:max-content}.recipe-info-div{align-items:center;display:flex;flex-direction:column}.recipe-info-div .recipe-info-sect{max-width:80%;width:-webkit-max-content;width:max-content}.ingredients-ul,.instruction-ul{color:#333;font-size:16px;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.600000023841858em;overflow-wrap:normal}.instruction-ul li{margin-top:1.2rem}.instruction-ul .step-count{font-weight:700}.instruction-ul p{margin:.4rem 0}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.click:hover,a:hover,button:hover{cursor:pointer;-webkit-transform:scale(1.08);transform:scale(1.08)}.displayGone{display:none}body::-webkit-scrollbar{width:.8rem}body::-webkit-scrollbar-track{background:#eee;border-radius:10px;box-shadow:0 0 1px 1px #bbb,inset 0 0 7px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background:linear-gradient(left,#96a6bf,#63738c);border-radius:10px;box-shadow:inset 0 0 1px 1px #5c6670}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(left,#8391a6,#536175)}@media (max-width:800px){#root,.App,body,html{bottom:0;overflow-x:hidden;position:fixed;top:0}.followContainer,.mainFooter,.signInLink,.signUpCard,span[class=followContainer]{display:none}.recipe-header{flex-direction:column-reverse;height:auto}.recipe-header .header-info{width:100%}.recipe-header .header-img{height:31rem;width:100%}.findCard .findTitle{font-size:3rem}}@media (max-width:600px){.hLine,.linkCard:not(:first-child){display:none}.linkCard{justify-content:center}.findCard .searchSection{width:80%}.header-info .header-name{font-size:large;width:-webkit-max-content;width:max-content}}@media (max-width:400px){.food-card-wrapper{align-items:center;display:flex;flex-direction:column}.recipe-view-card{height:20rem}.searchPopup form{width:86%}}
/*# sourceMappingURL=main.bf26cee2.css.map*/