body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}:root{--shadow-color:#c7c7c7}@font-face{font-family:"Metropolis Regular";src:url(/Assets/Fonts/Metropolis/Metropolis-Regular.otf)}@font-face{font-family:"Metropolis Black";src:url(/Assets/Fonts/Metropolis/Metropolis-Black.otf)}@font-face{font-family:"Metropolis Medium";src:url(/Assets/Fonts/Metropolis/Metropolis-Medium.otf)}@font-face{font-family:"Metropolis Thin";src:url(/Assets/Fonts/Metropolis/Metropolis-Thin.otf)}@font-face{font-family:"Metropolis Extra Bold";src:url(/Assets/Fonts/Metropolis/Metropolis-ExtraBold.otf)}li{list-style-type:none}input,input:focus{border:none}body{height:100vh;background-color:#f0f0f0;background-image:url(/Assets/Images/Illustration2.png),url(/Assets/Images/Illustration1.png),url(/Assets/Images/Illustration4.png);background-position:calc(100% + 70px) -180px,-220px calc(100% + 100px),calc(100% + 60px) calc(100% + 40px);background-repeat:no-repeat;background-attachment:fixed}@media screen and (max-width:768px){body{font-size:15px;background-size:75% 50%;background-image:url(/Assets/Images/Illustration2.png),url(/Assets/Images/Illustration1.png);background-position:calc(100% + 80px) -19vh,-160px calc(100% + 15vh);background-repeat:no-repeat;background-attachment:fixed}}@media screen and (max-width:425px){body{font-size:14px;background-size:90% 30%;background-image:url(/Assets/Images/Illustration2.png),url(/Assets/Images/Illustration1.png);background-position:calc(100% + 50px) -12vh,-100px calc(100% + 8vh);background-repeat:no-repeat;background-attachment:fixed}}.search{display:flex;align-items:center;margin:80px 20px}.search__icon{background-color:#fff;border-radius:50%;padding:12px 12px 12px 13px;border:none;box-shadow:0 0 10px var(--shadow-color)}.search__input{font-size:1em;margin-left:15px;padding:14px 5px;flex:1 1;border:none;background:none;font-family:"Metropolis Medium"}.search__input:focus{outline:none;border-bottom:1px solid var(--shadow-color)}@media screen and (max-width:425px){.search{margin:50px 0}.search__input{margin:0}}.home-container{width:60%;margin:auto}.recipes{-webkit-columns:4;column-count:4;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;margin-bottom:50px}.recipes--result-zero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Metropolis Extra Bold"}@media screen and (max-width:1024px){.home-container{width:80%}.recipes{-webkit-columns:4;column-count:4}}@media screen and (max-width:768px){.home-container{width:75%}.recipes{-webkit-columns:2;column-count:2}}@media screen and (max-width:425px){.home-container{width:70%}.recipes{-webkit-columns:1;column-count:1}}.recipe-card{border-radius:15px;margin:0 0 15px;height:360px;box-shadow:0 0 5px var(--shadow-color);overflow:hidden;width:100%;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;position:relative}.recipe-card:hover{box-shadow:0 0 15px -3px rgba(0,0,0,.3);cursor:pointer}.recipe-card:hover .recipe-card__image{background-size:110% 110%}.recipe-card__image{height:70%;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;border-top-left-radius:10px;border-top-right-radius:10px;max-width:100%;transition:all .2s;position:relative}.recipe-card__category{position:absolute;top:0;right:0;color:#ebe7e7;padding:7px 25px;background:rgba(0,0,0,.75);border-bottom-left-radius:15px;font-family:"Metropolis Thin";font-size:.7em;font-weight:600}.recipe-card__header{display:flex;justify-content:space-between;align-items:center;padding:80px 15px 0;position:relative;top:-100px}.recipe-card__title{font-family:"Metropolis Extra Bold";font-size:1em}.recipe-card__price{font-family:"Metropolis Regular";margin:5px 0}.recipe-card__description{font-size:.8em;position:relative;top:-95px;padding:0 20px;font-family:"Metropolis Thin"}.recipe-card__button{font-family:"Metropolis Thin";width:100%;padding:8px;background-color:transparent;border:none;outline:none;text-align:center;font-size:.9em;position:absolute;bottom:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.recipe-card__button:hover{cursor:pointer;background-color:#000;color:#fff;font-size:.8em}.recipe-card__button:focus{outline:none}.recipe-card:nth-of-type(odd){background-color:#000;color:#fff}.recipe-card:nth-of-type(2n){background-color:#fff;color:#000;height:295px}.recipe-card:nth-of-type(2n) .recipe-card__description{height:25px}.recipe-card:nth-of-type(odd) .recipe-card__header{background-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.1) 80%,transparent)}.recipe-card:nth-of-type(2n) .recipe-card__header{background-image:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,.2) 80%,hsla(0,0%,100%,0))}.recipe-card:nth-of-type(odd) .recipe-card__button{color:#fff}.recipe-card:nth-of-type(odd) .recipe-card__button:hover{background-color:#fff;color:#000}.recipe-modal-container{border:5px solid green;width:60%;height:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}@media screen and (max-width:768px){.recipe-card__description{font-size:.85em}}@media screen and (max-width:425px){.recipe-card__title{font-size:1.3em}.recipe-card__description{font-size:.85em}.recipe-card:nth-of-type(2n){background-color:#fff;color:#000;height:350px}}.close-button{padding:5px 10px;background:#000;border:1px solid #000;color:#fff;font-family:"Metropolis Bold";position:absolute;right:0;top:0;cursor:pointer;border-bottom-left-radius:15px}.popup__block{display:flex;justify-content:space-between}.popup__block>img{width:50%;margin-right:3%}.popup__details{display:flex;flex-direction:column}.popup__details>*{margin-bottom:10px}.popup__title{font-size:1.3em}.popup__price,.popup__title{font-family:"Metropolis Bold";font-weight:700}.popup__price{font-size:1.1em}.popup__category{font-size:1em;opacity:.6}.popup__description{font-family:"Metropolis Thin";font-size:1em}@media screen and (max-width:425px){.popup__block{flex-direction:column}.popup__block>img{width:100%}.popup__title{margin-top:10px;font-size:1.5em}.popup__description{font-size:1.2em}}.loader{width:100%;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.loader__image{width:10%;height:10%;-webkit-animation:spin 1.2s infinite;animation:spin 1.2s infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.loader__image{width:30%;height:30%}}
/*# sourceMappingURL=main.9b01a85c.chunk.css.map */