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}*{box-sizing:border-box;margin:0;padding:0}:root{--main-bg:#101223;--main-color:#fff;--main-cardbg:#4ab6c5;--main-hoverbg:linear-gradient(180deg,rgba(39,240,251,.759),rgba(27,92,127,.9))}body{background-color:#101223;background-color:var(--main-bg)}.heading h1{font-size:48px;letter-spacing:1px;padding-top:2rem;text-shadow:3px 6px rgba(50,50,70,.7)}.heading h1,.heading h4{color:#fff;color:var(--main-color);text-align:center}.searchbox{margin:3rem;text-align:center}.search-bar{border:none;border-radius:20px;height:40px;margin:auto;outline:none;padding:.3rem 1rem;width:400px}.container{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;width:80%}.card{background:#4ab6c5;background:var(--main-cardbg);border-radius:8px;box-shadow:0 7px 12px rgba(39,240,251,.759);box-sizing:border-box;height:400px;margin:1.5rem;overflow:auto;position:relative;width:300px}.card img{width:100%}.card .info{color:#fff;color:var(--main-color);text-align:center}.card .info h2{margin:15px 0 0}.card .info p{font-size:17px;letter-spacing:2px;margin:10px 0 0}.card:before{background:linear-gradient(180deg,rgba(39,240,251,.759),rgba(27,92,127,.9));background:var(--main-hoverbg);content:"";height:0;left:0;position:absolute;top:0;transition:all .2s;width:100%}.card:hover:before{height:100%}.card:hover{background:linear-gradient(180deg,rgba(39,240,251,.759),rgba(27,92,127,.9));background:var(--main-hoverbg)}.card .recipe{display:none;left:0;padding:.5rem 1rem;position:absolute;text-align:justify;top:0;transition:all .3s}.card:hover .recipe{display:block}.recipe h2{margin-bottom:10px}.recipe img{border-radius:50%;display:block;height:100px;margin-left:auto;margin-right:auto;width:100%}.recipe p{font-family:Georgia,Times New Roman,Times,serif;font-size:16px}.recipe a{display:block}.notfound,.recipe a{color:#fff;color:var(--main-color);text-align:center}.notfound{font-size:35px;margin:auto}.notfound img{display:flex;height:400px;margin:auto;padding:50px;width:400px}@media (max-width:500px){.main{justify-content:center;margin:auto}.search-bar{width:200px}}
/*# sourceMappingURL=main.b50a9d98.css.map*/