@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{width:100%;height:100vh;overflow:hidden;background:black;display:flex;justify-content:center;align-items:center;object-fit:cover}body header nav{position:absolute;top:0;width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;color:white;font-family:Poppins, 'Open Sans';z-index:2;animation:fadeUp .5s ease both}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;text-shadow:0 3px 5px #000}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:#ccc}body header nav .nav-items a:hover{color:#eee;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 header #header-headline{position:absolute;text-align:center;text-transform:capitalize;display:flex;flex-direction:column;gap:20px;z-index:10;color:white}body header #header-headline h2{align-items:center;font-size:25vmin;margin:0;padding:0 50px;text-shadow:0 12px 10px #000;font-family:'Parisienne', cursive;font-family:'Cookie', cursive;z-index:2;animation:fadeUp .6s ease-in;animation-delay:.2s;animation-fill-mode:both}body header #header-headline span{font-size:1rem;padding:0 50px;font-family:Poppins, sans-serif;animation:fadeUp .6s ease-in;animation-delay:.4s;animation-fill-mode:both}body header img{width:100%;height:auto;opacity:.5}body main{width:100%;height:auto;background:#eee;padding:20px 100px 100px 100px}body main .main-nav{width:100%;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:80px;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{margin-bottom:100px;width:100%;height:auto;font-family:Roboto, sans-serif}body main h4{width:100%;font-family:Roboto, sans-serif;font-size:1rem;color:#55f;margin-bottom:20px}body main #trendy{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;animation:fadeUp .9s ease-in}body main #trendy .container{height:80px;width:100%;margin-bottom:20px;background:black;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 8px #777;cursor:pointer}body main #trendy .container img{width:100%;height:auto;opacity:.4}body main #trendy h1{position:absolute;color:white;font-size:1.1rem;text-shadow:0 2px 2px #111}body main .receepy-cards{width:100%;display:flex;justify-content:space-between;gap:10px}body main .receepy-cards .content-card{width:200px;height:auto;padding:10px;background:#fff;border-radius:5px;box-shadow:0 5px 10px #777}body main .receepy-cards .content-card .card-nav{width:100%;font-size:120%;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}body main .receepy-cards .content-card .card-nav .veg{color:#03a003}body main .receepy-cards .content-card .card-nav .non-veg{color:orange}body main .receepy-cards .content-card .card-nav span{display:none;font-size:.8em;color:#444;height:100%;cursor:pointer}body main .receepy-cards .content-card .card-nav span:hover{color:#111}body main .receepy-cards .content-card a .thumbnail{width:100%;height:120px;background-image:url(../assets/svg/logo.svg);background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:15px;border-radius:3px;overflow:hidden}body main .receepy-cards .content-card a .thumbnail img{width:100%;height:100%}body main .receepy-cards .content-card a .content{width:100%}body main .receepy-cards .content-card a .content h3{font-size:1rem;color:#111;margin-bottom:10px}body main .receepy-cards .content-card a .content p{font-size:.8rem;line-height:1.05rem;color:#444;margin-bottom:10px}body main .receepy-cards .content-card:hover{transform:scale(1.02)}body footer{width:100%;font-family:Roboto, sans-serif;color:#eee}body footer .footer-container{width:100%;height:auto;padding:10px;background:#222;display:grid;grid-template-columns:1fr 1fr 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 fadeUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@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)}}@media (max-width: 1000px){body main{padding:60px 30px}body main #recipes,body main #indian-food{grid-template-columns:repeat(4, 1fr)}body main #recipes .content-card:last-child,body main #indian-food .content-card:last-child{display:none}body main section{margin-bottom:60px}}@media (max-width: 1000px){body main .receepy-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;justify-items:center}body main .receepy-cards .content-card{width:auto;max-width:300px;margin-bottom:20px}body main .receepy-cards .content-card a .thumbnail{height:210px}body main .receepy-cards .content-card:last-child{display:none}}@media (max-width: 800px){body header img{height:100%;width:100%}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: 600px){body{color:#eee}body header nav{padding:20px}body header nav .nav-items{display:none}body header h1{font-size:3rem}body header img{height:100%;width:auto}body main{padding:15px 10px 50px 10px}body main .main-nav{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 #trendy{grid-template-columns:1fr}body main #trendy .container{margin-bottom:0}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 .receepy-cards{width:100%;display:grid;grid-template-columns:1fr;grid-gap:20px}body main .receepy-cards .content-card{width:300px;margin-bottom:10px}body main .receepy-cards .content-card a .thumbnail{height:210px}body main .receepy-cards .content-card:last-child{display:block}}