@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400&family=Roboto:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cookie&family=Parisienne&display=swap");*,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}.unselectable{-o-user-select:none;user-select:none}body::-webkit-scrollbar{width:3px}body::-webkit-scrollbar-track{background:black}body::-webkit-scrollbar-thumb{background-image:linear-gradient(to top, red, orange)}body{background:#eee}body .load{position:fixed;height:100%;width:100%;background:#eee;display:flex;align-items:center;justify-content:center;z-index:1000}body .load .loader{position:relative;width:75px;height:100px}body .load .loader__bar{position:absolute;bottom:0;width:10px;height:50%;background:#333;transform-origin:center bottom;box-shadow:1px 1px 0 rgba(0,0,0,0.2)}body .load .loader__bar:nth-child(1){left:0px;transform:scale(1, .2);animation:barUp1 4s infinite}body .load .loader__bar:nth-child(2){left:15px;transform:scale(1, .4);animation:barUp2 4s infinite}body .load .loader__bar:nth-child(3){left:30px;transform:scale(1, .6);animation:barUp3 4s infinite}body .load .loader__bar:nth-child(4){left:45px;transform:scale(1, .8);animation:barUp4 4s infinite}body .load .loader__bar:nth-child(5){left:60px;transform:scale(1, 1);animation:barUp5 4s infinite}body .load .loader__ball{position:absolute;bottom:10px;left:0;width:10px;height:10px;background:#55f;border-radius:50%;animation:ball 4s infinite}body header{grid-area:header;overflow:hidden;display:flex;justify-content:center;align-items:center;object-fit:cover}body header nav{width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;color:#111;font-family:Poppins, 'Open Sans';z-index:2}body header nav .nav-logo{cursor:pointer;display:flex;align-items:center;z-index:10}body header nav .nav-logo span{font-size:1.4rem;font-weight:600}body header nav .nav-logo .logo-icon{height:100%;width:100%;padding-right:10px;object-fit:cover;overflow:hidden}body header nav .nav-logo .logo-icon img{width:40px;height:40px;opacity:1}body header nav .nav-items a{text-decoration:none;color:#333}body header nav .nav-items a:hover{color:#000;text-decoration:underline}body header nav .nav-items ul{display:flex;list-style:none;list-style-type:none}body header nav .nav-items ul li{margin:0 10px;cursor:pointer}body main{width:100%;padding:20px 0 100px 0;height:auto;font-family:Roboto, sans-serif;display:flex;flex-direction:column;align-items:center}body main .main-nav{width:100%;padding:0 100px;display:grid;grid-template-columns:auto 250px;grid-template-areas:'tags search'}body main .main-nav .search-tags{grid-area:tags;width:100%;margin-bottom:50px;animation:fadeUp .7s ease-in}body main .main-nav .search-tags ul{display:flex;flex-wrap:wrap;list-style-type:none;list-style:none}body main .main-nav .search-tags ul li{font-size:.8rem;padding:8px 12px;box-shadow:0 3px 5px #999;background:#ddd;margin-right:10px;margin-bottom:10px;border-radius:20px;font-family:Roboto, sans-serif;color:#444;cursor:pointer}body main .main-nav .search-tags ul li:hover{color:#333;background:#eee}body main .main-nav .search{grid-area:search;width:100%;display:flex;height:35px;align-items:center;border-radius:50px;background:white;border:1px solid #999;box-shadow:0 3px 5px #ccc;overflow:hidden;animation:fadeUp .9s ease-in}body main .main-nav .search input{width:100%;padding:10px 0 10px 20px;font-size:.8rem;border:0}body main .main-nav .search input:focus,body main .main-nav .search textarea:focus,body main .main-nav .search select:focus{outline:none}body main .main-nav .search span{position:relative;font-size:20px;padding:7px;border-radius:20px;color:#555;cursor:pointer}body main .main-nav .search span:hover{color:black}body main .main-nav .search:hover{border:1px solid #777}body main section{height:auto;display:flex;flex-direction:column}body main section .total-results{margin-bottom:30px;color:#222}body main section .total-results #key{font-size:1.5rem;text-transform:capitalize;font-weight:700}body main section .total-results h2{margin-top:5px;font-size:.7rem;color:#555}body main section .total-results h2 span{font-size:.7rem;color:#222}body main section .results{height:auto;display:grid;grid-template-columns:repeat(5, 1fr);gap:10px}body main section .results .content-card{width:200px;height:auto;padding:10px;background:#fff;border-radius:5px;box-shadow:0 5px 10px #777;margin-bottom:20px;animation:fadeUp ease-in;animation-duration:calc((var(--order) + 1) * 300ms)}body main section .results .content-card .card-nav{width:100%;font-size:120%;margin-bottom:10px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}body main section .results .content-card .card-nav .veg{color:#02c702}body main section .results .content-card .card-nav .non-veg{color:red}body main section .results .content-card .card-nav span{display:none;font-size:.8em;color:#444;height:100%;cursor:pointer}body main section .results .content-card .card-nav span:hover{color:#111}body main section .results .content-card a .thumbnail{width:100%;aspect-ratio:6/4;background-image:url(../assets/svg/logo.svg);background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:15px;border-radius:3px;display:flex;justify-content:center;align-items:center;overflow:hidden;object-fit:cover}body main section .results .content-card a .thumbnail img{width:100%;height:auto}body main section .results .content-card a .content{width:100%}body main section .results .content-card a .content h3{font-size:1rem;color:#111;margin-bottom:10px;text-transform:capitalize}body main section .results .content-card a .content p{font-size:.8rem;line-height:1.05rem;color:#444;margin-bottom:10px}body footer{grid-area:footer;font-family:Roboto, sans-serif;color:#eee}body footer .footer-container{width:100%;height:auto;padding:10px;background:#222;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-areas:'navigation info social-feeds'}body footer .footer-container .footer-content ul{padding:20px 0;display:flex;flex-direction:column;align-items:center;list-style-type:none;list-style:none}body footer .footer-container .footer-content ul li{margin:10px 0;cursor:pointer;color:#aaa}body footer .footer-container .footer-content ul li:hover{color:#ddd}body footer .footer-container .navigation{grid-area:navigation}body footer .footer-container .info{grid-area:info}body footer .footer-container .social-feeds{grid-area:social-feeds}body footer .footer-container .social-feeds ul li{font-size:2rem;color:#ccc}body footer .footer-container .social-feeds ul li:hover{color:#eee}body footer .copywrite{width:100%;padding:0 50px;background:#111}body footer .copywrite ul{display:flex;justify-content:space-between;list-style:none;list-style-type:none;padding:20px 10px;word-spacing:2px;font-family:sans-serif;font-size:.8rem}body footer a{color:#aaa;text-decoration:none}body footer a:hover{color:#fff}@keyframes loader{100%{transform:rotate(360deg)}}@keyframes ball{0%{transform:translate(0, 0)}5%{transform:translate(8px, -14px)}10%{transform:translate(15px, -10px)}17%{transform:translate(23px, -24px)}20%{transform:translate(30px, -20px)}27%{transform:translate(38px, -34px)}30%{transform:translate(45px, -30px)}37%{transform:translate(53px, -44px)}40%{transform:translate(60px, -40px)}50%{transform:translate(60px, 0)}57%{transform:translate(53px, -14px)}60%{transform:translate(45px, -10px)}67%{transform:translate(37px, -24px)}70%{transform:translate(30px, -20px)}77%{transform:translate(22px, -34px)}80%{transform:translate(15px, -30px)}87%{transform:translate(7px, -44px)}90%{transform:translate(0, -40px)}100%{transform:translate(0, 0)}}@keyframes barUp1{0%{transform:scale(1, 0.2)}40%{transform:scale(1, 0.2)}50%{transform:scale(1, 1)}90%{transform:scale(1, 1)}100%{transform:scale(1, 0.2)}}@keyframes barUp2{0%{transform:scale(1, 0.4)}40%{transform:scale(1, 0.4)}50%{transform:scale(1, 0.8)}90%{transform:scale(1, 0.8)}100%{transform:scale(1, 0.4)}}@keyframes barUp3{0%{transform:scale(1, 0.6)}100%{transform:scale(1, 0.6)}}@keyframes barUp4{0%{transform:scale(1, 0.8)}40%{transform:scale(1, 0.8)}50%{transform:scale(1, 0.4)}90%{transform:scale(1, 0.4)}100%{transform:scale(1, 0.8)}}@keyframes barUp5{0%{transform:scale(1, 1)}40%{transform:scale(1, 1)}50%{transform:scale(1, 0.2)}90%{transform:scale(1, 0.2)}100%{transform:scale(1, 1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){body main section .results{grid-template-columns:repeat(4, 1fr)}}@media (max-width: 900px){body main .main-nav{padding:0 10px;grid-template-columns:auto 200px}body main .main-nav .search-tags{margin-bottom:30px}body main section h1{margin-bottom:20px}body main section .results{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 800px){body main{padding:50px}body footer .footer-container{grid-template-columns:1fr 1fr;grid-template-areas:'navigation info' 'social-feeds social-feeds'}body footer .footer-container .social-feeds{padding:20px;width:100%}body footer .footer-container .social-feeds ul{display:flex;flex-direction:row;justify-content:space-evenly}}@media (max-width: 650px){body main{padding:0 10px}body main section .results{grid-template-columns:repeat(2, 1fr)}body main section .results .content-card{width:240px}}@media (max-width: 600px){body header nav{padding:20px}body header nav .nav-items{display:none}body main{padding:0 10px 50px 10px}body main .main-nav{padding:0 30px 10px 30px;grid-template-columns:1fr;grid-template-areas:'search' 'tags'}body main .main-nav .search{width:100%;height:auto;margin:0 0 20px 0}body main .main-nav .search input{font-size:1rem;padding:10px 0 10px 20px}body main .main-nav .search span{font-size:1.3rem;padding-right:10px}body main .main-nav .search-tags{width:100%;margin-bottom:20px}body main section .total-results{margin:30px 0}body main section .total-results #key{font-size:2rem}body main section .total-results h2{font-size:0.9rem}body main section .total-results h2 span{font-size:0.9rem}body main section .results .content-card{box-shadow:0 5px 10px #999}body main section .results .content-card .card-nav h5{font-size:1.2rem}body footer .footer-container{grid-template-columns:1fr;grid-template-areas:'navigation' 'info' 'social-feeds'}body footer .copywrite{padding:15px 10px}body footer .copywrite ul li:nth-child(even){text-align:end}}@media (max-width: 500px){body main .main-nav{padding:0;padding-bottom:10px}body main section{width:100%}body main section .results .content-card{width:100%}body main section .results .content-card a .thumbnail{height:150px}}@media (max-width: 400px){body main section{width:100%}body main section .results{grid-template-columns:repeat(1, 1fr)}body main section .results .content-card{width:100%}body main section .results .content-card a .thumbnail{display:flex;align-items:center;justify-content:center}body main section .results .content-card a .thumbnail img{width:100%;height:auto}}@media (max-width: 300px){body main section .results .content-card a .thumbnail img{height:100%}}