body{background:linear-gradient(90deg,#fff,rgba(255,0,102,.062),rgba(153,255,102,.096),#ffc10710);font-family:Arial,sans-serif;margin:0;padding:0}.home .hero-section{background-color:#000;background-image:url(https://images.pexels.com/photos/1051399/pexels-photo-1051399.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;padding-top:20px}.home .hero-section :-moz-loading{background-image:url(https://images.pexels.com/photos/1410235/pexels-photo-1410235.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)}@media screen and (max-width:1024px){.home .hero-section{background-position:top;flex-direction:column;height:100%;min-height:100vh}}@media screen and (max-width:480px){.home .hero-section{background-position:top;flex-direction:column;gap:20px;height:100%;min-height:100vh}}.home .hero-content{flex:1 1;justify-content:center}.home .hero-content,.home .text-content{align-items:center;display:flex;flex-direction:column;gap:10px}.home .text-content{color:#fff;text-align:center}.home .hero-website-name{font-size:3rem;font-weight:700;margin-bottom:15px}@media screen and (max-width:480px){.home .hero-website-name{font-size:2rem}}.home .hero-description{font-size:1.5rem;margin-bottom:15px}@media screen and (max-width:480px){.home .hero-description{font-size:1rem}}.home .hero-search-container{display:flex;margin:0 auto;max-width:450px}@media screen and (max-width:480px){.home .hero-search-container{flex-direction:column;gap:10px;max-width:300px}}.home .hero-search-container .hero-search-input{border:none;border-radius:30px 0 0 30px;flex:1 1;font-size:1rem;outline:none;padding:15px}.home .hero-search-container .hero-search-input::placeholder{color:#ccc}.home .hero-search-container .hero-search-input:focus{box-shadow:0 0 0 1px #7ed957;outline:1px solid #00bf63}@media screen and (max-width:480px){.home .hero-search-container .hero-search-input{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);background:#ffffff17;border:1px solid #ffffff12;border-radius:15px;border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:10px}.home .hero-search-container .hero-search-input:focus{background-color:#fff;box-shadow:0 0 0 1px #00bf63;outline:1px solid #7ed957;transition:all .5s ease-in-out}}.home .hero-search-container .hero-search-button{background-color:#00bf63;border:none;border-radius:0 30px 30px 0;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:15px 20px;transition:background-color .3s ease}.home .hero-search-container .hero-search-button:hover{background-color:#7ed957}@media screen and (max-width:480px){.home .hero-search-container .hero-search-button{border-radius:15px;padding:10px}}.home .explore-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.home .explore-container .explore-btn{background-color:#00bf63;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:10px 20px;transition:background-color .3s ease;width:100%}.home .explore-container .explore-btn:hover{background-color:#7ed957}.home .explore-container .explore-btn .explore-text{font-size:1.5rem;font-weight:700}.popular-recipes .recipe-container{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center}@media screen and (max-width:480px){.popular-recipes .recipe-container{display:none}}.popular-recipes .recipe-container .recipe-link{text-decoration:none}.popular-recipes .recipe-container .recipe-card{border-radius:16px;cursor:pointer;height:280px;margin:10px 20px;overflow:hidden;position:relative;transition:transform .3s ease,opacity .3s ease;width:280px}@media screen and (max-width:480px){.popular-recipes .recipe-container .recipe-card{margin:10px 0}}.popular-recipes .recipe-container .recipe-card .background-layer{backdrop-filter:blur(7.2px);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(8.2px);background:#ffffff17;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 30px #0000001a;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.popular-recipes .recipe-container .recipe-card .content-container{color:#f39c12;left:50%;opacity:0;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.popular-recipes .recipe-container .recipe-card:hover{transform:scale(1.1)}.popular-recipes .recipe-container .recipe-card:hover .background-layer,.popular-recipes .recipe-container .recipe-card:hover .content-container{opacity:1}.popular-recipes .recipe-container .recipe-card .recipe-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.popular-recipes .recipe-container .recipe-card .recipe-title{font-size:1.5rem;margin-bottom:10px}.popular-recipes .recipe-container .recipe-card .recipe-description{font-size:1rem;margin-bottom:10px}.popular-recipes .recipe-container .recipe-card .ratings{align-items:center;display:flex;justify-content:center;margin-top:10px}.popular-recipes .recipe-container .recipe-card .ratings .star{color:#f39c12;margin-right:2px}.AdminOperationMenus{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:hsla(0,0%,89%,.493);border-radius:5px;padding:2px 10px;position:absolute;right:10px;top:60px;z-index:1}.AdminOperationMenus .adminMenuLinks{list-style:none;padding:0}.AdminOperationMenus .adminMenuLinks .adminLink{align-items:center;color:#333;display:flex;padding:6px 10px;text-decoration:none;transition:background-color .3s}.AdminOperationMenus .adminMenuLinks .adminLink:hover .addRecipeIcon,.AdminOperationMenus .adminMenuLinks .adminLink:hover .logoutIcon,.AdminOperationMenus .adminMenuLinks .adminLink:hover .savedIcon,.AdminOperationMenus .adminMenuLinks .adminLink:hover .settingsIcon{transform:scale(1.2)}.AdminOperationMenus .adminMenuLinks .adminLink .addRecipeIcon,.AdminOperationMenus .adminMenuLinks .adminLink .logoutIcon,.AdminOperationMenus .adminMenuLinks .adminLink .savedIcon,.AdminOperationMenus .adminMenuLinks .adminLink .settingsIcon{height:25px;margin-right:8px;transition:all .3s ease-in-out;width:25px}.AdminOperationMenus .adminMenuLinks .adminLink .settingsIcon{color:#252424}.AdminOperationMenus .adminMenuLinks .adminLink .savedIcon{color:#f80c0c}.AdminOperationMenus .adminMenuLinks .adminLink .logoutIcon{color:#058fb9}.AdminOperationMenus .adminMenuLinks .adminLink .addRecipeIcon{color:#f7a816}.navbar{align-items:center;background-color:#0000;bottom:0;display:flex;height:70px;justify-content:space-between;left:0;padding:0 50px;position:relative;position:fixed;right:0;top:0;transition:background-color .3s ease-in-out;z-index:100}.navbar.scrolled{backdrop-filter:blur(5.1px);-webkit-backdrop-filter:blur(5.1px);background:rgba(0,191,99,.118);box-shadow:0 2px 10px #0000001a}@media screen and (max-width:1024px){.navbar{padding:0 10px}}.navbar .leftNavBar{align-items:center;display:flex;flex:2 1;justify-content:center}@media screen and (max-width:1024px){.navbar .leftNavBar{flex:1 1}}.navbar .leftNavBar .logo{cursor:pointer;height:90px;object-fit:cover}@media screen and (max-width:1024px){.navbar .leftNavBar .logo{height:70px}}.navbar .middleNavBar{align-items:center;display:flex;flex:6 1;justify-content:center}@media screen and (max-width:1024px){.navbar .middleNavBar{flex:4 1}}.navbar .middleNavBar .navLists{align-items:center;display:flex;font-weight:700;gap:15px;list-style:none;margin-left:50px}@media screen and (max-width:1024px){.navbar .middleNavBar .navLists{margin-left:0}}.navbar .middleNavBar .navLists .navLink{color:#fff;cursor:pointer;font-size:16px;font-weight:700;font-weight:500;margin:0 10px;position:relative;text-decoration:none;transition:all .3s ease-in-out}.navbar .middleNavBar .navLists .navLink:before{background-color:#7ed957;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.navbar .middleNavBar .navLists .navLink:hover{color:#00bf63}.navbar .middleNavBar .navLists .navLink:hover:before{width:100%}.navbar .rightNavBar{align-self:center;display:flex;flex:2 1;gap:30px;justify-content:center}@media screen and (max-width:1024px){.navbar .rightNavBar{flex:1 1}}.navbar .rightNavBar .searchContainer{align-items:center;background:#0000;display:flex;margin-right:10px;position:relative}.navbar .rightNavBar .searchContainer:hover .searchInput{padding:8px;width:180px}.navbar .rightNavBar .searchContainer .searchIcon{color:#7ed957;font-size:20px;left:10px;position:absolute;z-index:1}.navbar .rightNavBar .searchContainer .searchInput{background:#0000;border:none;font-size:14px;margin-left:-5px;outline:none;padding:10px 15px;transition:width .3s ease-in-out,padding .3s ease-in-out;width:0}.navbar .rightNavBar .searchContainer .searchInput::placeholder{font-size:14px}.navbar .rightNavBar .searchContainer .searchInput:focus{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:hsla(0,0%,92%,.945);border:1px solid #7ed957;border-radius:12px;padding:8px;width:180px;z-index:1}.navbar .rightNavBar .authButtons{display:flex;justify-content:space-between}.navbar .rightNavBar .authButtons .authButton{align-self:center;background-color:#00bf63;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-right:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease-in-out}@media screen and (max-width:1024px){.navbar .rightNavBar .authButtons .authButton{font-size:12px;gap:5px}}.navbar .rightNavBar .authButtons .authButton:hover{background-color:#7ed957}.navbar .rightNavBar .profileContainer .profileImgContainer .profileImg{animation:pulse 1s linear infinite alternate;border:2px solid #00bf63;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;transition:border .3s ease-in-out;width:40px}.navbar .rightNavBar .profileContainer .profileImgContainer .profileImg:hover{border:2px solid #7ed957}.footer{border-top:.5px solid hsla(0,0%,92%,.329);color:#333;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px}@media screen and (max-width:480px){.footer{align-items:center;flex-direction:column;gap:20px;justify-content:center}}.footer .left{align-items:center;display:flex;flex:2 1;flex-direction:column;gap:10px}.footer .left .logo{font-size:1.2rem;font-weight:700;margin-bottom:10px}.footer .left .social-icons{cursor:pointer;display:flex;font-size:1.5rem;gap:10px}.footer .left .social-icons .social__icon__FB{color:#3b5998}.footer .left .social-icons .social__icon__FB:hover{color:#4172da}.footer .left .social-icons .social__icon__TW{color:#000}.footer .left .social-icons .social__icon__TW:hover{color:#0f1518}.footer .left .social-icons .social__icon__IG,.footer .left .social-icons .social__icon__IG:hover{color:#e1306c}.footer .left .social-icons .social__icon__LD,.footer .left .social-icons .social__icon__LD:hover{color:#0077b5}.footer .middle{align-items:center;display:flex;flex:2 1;flex-direction:column}.footer .middle .middle_Title{align-self:center;font-size:1.2rem;font-weight:700;margin-bottom:10px}.footer .middle .footer-links{align-items:center;display:flex;flex-direction:column;font-size:16px;font-size:1rem;gap:5px;list-style:none;margin-bottom:10px;padding:0}.footer .middle .footer-links .footer__link{align-self:center;color:#333;font-size:1rem;margin-bottom:10px;position:relative;text-decoration:none;transition:color .3s}.footer .middle .footer-links .footer__link:before{background-color:#7ed957;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.footer .middle .footer-links .footer__link:hover{color:#00bf63}.footer .middle .footer-links .footer__link:hover:before{width:100%}.footer .right{align-items:center;display:flex;flex:2 1;flex-direction:column;gap:10px}@media screen and (max-width:480px){.footer .right{width:100%}}.footer .right .newsletter{display:flex;flex-direction:column;gap:10px}.footer .right .newsletter .newsLetter_Title{align-self:center;font-size:1.2rem;font-weight:700;margin-bottom:10px}.footer .right .newsletter .newLetter__input{animation:shine 1s infinite;border:1px solid #00bf63;border-radius:5px;font-size:1rem;outline:none;padding:10px 15px;transition:border-color .3s,box-shadow .3s}.footer .right .newsletter .newLetter__input:focus{border-color:#7ed957;box-shadow:0 0 5px #7ed957}.footer .right .newsletter .newLetter__btn{background-color:#00bf63;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s;width:100%}.footer .right .newsletter .newLetter__btn:hover{background-color:#7ed957;transform:scale(1.05);transition:background-color .3s,transform .3s}.footer .right .newsletter .newLetter__btn:hover:after{animation:shine 1s infinite;background:linear-gradient(90deg,#0000 30%,#fff 50%,#0000 70%);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.footer .bottom{margin-top:20px;text-align:center;width:100%}.footer .bottom p{font-size:.9rem;margin:0}@keyframes shine{to{background-position:200% 0}}.mobile-menu{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 10px}.mobile-menu .menu-icon{cursor:pointer;font-size:1.5rem}.mobile-menu .menu-links{display:none}.mobile-menu .menu-links .menu-link{align-items:center;color:#00bf63;display:flex;font-size:16px;gap:10px;margin-bottom:.5rem;padding:5px 30px;text-decoration:none;transition:color .3s ease-in-out}.mobile-menu .menu-links .menu-link:hover{color:#7ed957}.mobile-menu .menu-links .menu-link:hover .menu-icon{transform:scale(1.2)}.mobile-menu .menu-links.show{backdrop-filter:blur(4px) saturate(77%);-webkit-backdrop-filter:blur(4px) saturate(77%);background-color:#fff;background-color:hsla(0,0%,89%,.185);display:flex;flex-direction:column;padding:10px 20px;position:absolute;right:0;top:60px;width:100%}.mobile-menu .menu-links.show .Add__recipe__mobile__icon,.mobile-menu .menu-links.show .Home__mobile__icon,.mobile-menu .menu-links.show .NewRecipe__mobile__icon,.mobile-menu .menu-links.show .Recipe__mobile__icon{height:25px;transition:color 0s ease-in-out;width:25px}.mobile-menu .menu-links.show .Home__mobile__icon:hover{color:#7ed957}.mobile-menu .menu-links.show .Recipe__mobile__icon:hover{color:#75746e}.mobile-menu .menu-links.show .Add__recipe__mobile__icon:hover,.mobile-menu .menu-links.show .NewRecipe__mobile__icon:hover{color:#7ed957}.mobile-menu .logo .logo__img{align-self:center;cursor:pointer;height:85px;object-fit:cover;transition:transform .3s ease-in-out}.mobile-menu .logo .logo__img:hover{transform:rotateY("180deg")}.mobile-menu .profile-img img{border-radius:50%;height:35px;object-fit:cover;transition:transform .3s ease-in-out;width:35px}.mobile-menu .profile-img img:hover{transform:scale(1.1)}.mobile-menu .authButtons{display:flex;justify-content:space-between}.mobile-menu .authButtons .authButton_mobile{align-self:center;border:none;color:#00bf63;cursor:pointer;display:flex;justify-content:center;text-decoration:none;transition:background-color .3s ease-in-out}.mobile-menu .authButtons .authButton_mobile:hover{color:#7ed957;font-weight:700;text-decoration:underline;text-shadow:0 0 5px #7ed957}
/*# sourceMappingURL=main.721ee1df.css.map*/