@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);:root{--mainBlue:#011638;--lightBlue:#364156;--lightGray:#cdcdcd;--lightWhite:#dff8eb;--mainGreen:#214e34;--lightShadow:3px 5px 10px rgba(0,0,0,0.2);--transition:all 0.3s linear}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background-color:#dff8eb;background-color:var(--lightWhite);font-size:100%;font-family:"Roboto Mono",monospace,sans-serif}.logo{font-family:"Permanent Marker",cursive;font-size:1.6rem;letter-spacing:.3rem;color:#dff8eb;color:var(--lightWhite)}.navbar{background-color:#214e34;background-color:var(--mainGreen);box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:var(--lightShadow)}.nav-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem 2rem}.toggle-btn{background:transparent;border:none;font-size:1.3rem;color:#cdcdcd;color:var(--lightGray);margin-top:.2rem;cursor:pointer}ul{list-style:none}a{text-decoration:none}.links{background-color:#214e34;background-color:var(--mainGreen);padding:0 1rem;height:0;overflow:hidden;transition:all .3s linear;transition:var(--transition)}.links li{padding:.4rem 1rem;cursor:pointer}.links li:hover{background-color:hsla(0,0%,100%,.1)}.links a{color:#cdcdcd;color:var(--lightGray);font-size:1rem;letter-spacing:.15rem;text-transform:capitalize}.links a:hover{color:#dff8eb;color:var(--lightWhite)}.show-links{height:7rem}@media screen and (min-width:800px){.links li:hover{background-color:transparent}.nav-center{max-width:1170px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem}.nav-header{padding:0}.toggle-btn{display:none}.links{height:auto;display:-webkit-flex;display:flex}}.search-form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:2rem 0;text-align:center}.form{background-color:#fff;padding:2rem 3.5rem;border-radius:.2rem;box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:var(--lightShadow)}.form label{font-size:1.2rem;color:#214e34;color:var(--mainGreen);font-weight:500;text-transform:capitalize}.form input{display:block;margin:.6rem 0 .3rem;background-color:#dff8eb;background-color:var(--lightWhite);padding:.5rem;border:none;border-radius:.2rem}.form input,.submit-btn{font-size:1rem;letter-spacing:.1rem;width:100%}.submit-btn{background-color:#364156;background-color:var(--lightBlue);color:#fff;border:.1rem solid #364156;border:.1rem solid var(--lightBlue);border-radius:.2rem;margin-top:.5rem;padding:.45rem;cursor:pointer}.submit-btn:hover{background-color:transparent;color:#364156;color:var(--lightBlue)}@media screen and (min-width:900px){.form{padding:2rem 4.5rem}}.recipes{width:85vw;margin:3rem auto}.section-title{margin:3rem 0;color:#214e34;color:var(--mainGreen);text-align:center;text-transform:capitalize}.recipe-center{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-row-gap:40px;grid-column-gap:2rem;justify-items:center}.recipe-card{background-color:#214e34;width:320px;border-radius:.3rem;background-color:#364156;background-color:var(--lightBlue);box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:var(--lightShadow);color:#cdcdcd;color:var(--lightGray)}.recipe-card img{border-radius:.2rem .2rem 0 0;width:100%}.card-footer h4{color:#fff;text-align:center;text-transform:capitalize}.footer-down{padding:1rem 1.2rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.footer-btn{background-color:transparent;border:1px solid #cdcdcd;border:1px solid var(--lightGray);padding:.4rem 1rem;border-radius:.1rem;color:#fff;font-size:.8rem;font-family:"Roboto Mono";font-weight:500;cursor:pointer}.footer-btn:hover{background-color:#cdcdcd;background-color:var(--lightGray);color:#000}@media screen and (min-width:776px){.recipes{max-width:1170px;margin:4rem auto}.recipe-center{display:grid;grid-template-columns:repeat(auto -webkit-fill-available,minmax(320px,1fr));grid-template-columns:repeat(auto fill,minmax(320px,1fr));grid-row-gap:40px;grid-column-gap:2rem}}.loader,.loader:after,.loader:before{background:transparent;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#214e34;color:var(--mainGreen);text-indent:-9999em;margin:20rem auto 88px;position:relative;font-size:3rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.s-recipe{width:85vw;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.img-container img{height:40%;border-radius:.3rem}.info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;margin:2rem auto;max-width:100%}.info h4{margin:.4rem 0}.s-recipe h2{margin:.5rem 0;color:#214e34;color:var(--mainGreen)}.list{text-align:center;max-width:90%}.list li{margin:.5rem 0}@media screen and (min-width:776px){.s-recipe-top{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.img-container img{height:100%;margin:0 4rem}.info{font-size:1.2rem;margin:0 4rem}.s-recipe h2{margin:2rem 0}}.button-container{margin:2rem auto}.secondery-btn{text-transform:capitalize;background-color:#364156;background-color:var(--lightBlue);border:.1rem solid #364156;border:.1rem solid var(--lightBlue);padding:.5rem 1rem;color:#fff;border-radius:.2rem;font-size:1rem;letter-spacing:.1rem;cursor:pointer}.secondery-btn:hover{background-color:transparent;color:#364156;color:var(--lightBlue);font-size:1rem}.about{letter-spacing:.1rem;line-height:1.5rem}@media screen and (min-width:776px){.about-section{height:58.5vh}}footer{width:100%;height:5rem;background-color:#214e34;background-color:var(--mainGreen);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff}footer h5{margin:.3rem 0}.developer-section{letter-spacing:.1rem;line-height:1.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.developer-section p span{color:#011638;color:var(--mainBlue);font-weight:700}.form-design{margin:2rem auto;width:60vw;text-align:center;background-color:#fff;border-radius:.2rem;padding:1rem .3rem;box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:var(--lightShadow)}.form-design input{font-size:.8rem;height:1.8rem;margin-bottom:.5rem}#message,.form-design input{width:80%;padding:.3rem;background-color:#dff8eb;background-color:var(--lightWhite);border:none;border-radius:.1rem}#message{height:10rem;font-size:1rem;margin-bottom:1rem}.text-btn{width:80%}@media screen and (min-width:776px){.form-design{width:25vw}}.error-section{text-align:center;line-height:1.7rem;height:70vh}@media screen and (min-width:776px){.error-section{height:70.5vh}}
/*# sourceMappingURL=main.4698474b.chunk.css.map */