@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700;1,6..96,400;1,6..96,500;1,6..96,600;1,6..96,700&family=Great+Vibes&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";@import"https://fonts.googleapis.com/css2?family=Bad+Script&family=Tangerine:wght@700&display=swap";body{margin:0;padding:0;font-optical-sizing:auto;font-family:Montserrat,Bodoni Moda,serif;font-weight:700;font-size:18px;color:var(--color-pink)}:root{--color-green: #004225;--color-white: #f5f5dc;--color-orange: #ffb000;--color-light-pink: #ffcf9d;--color-pink: #ef9595;--color-rgba: rgba(0, 0, 0, .4);--color-primary: #ffff;--transition-primary: all .25s ease-in-out;--transition-secondary: all .15s ease-in-out}body{overflow-x:hidden;margin:0;padding:0;box-sizing:border-box;width:100%}header{height:max-content;margin:0 auto;width:100%;display:flex;position:relative;flex-direction:column;align-items:baseline;justify-content:center}.video video{width:100%;margin:0 auto;filter:brightness(80%)}.video{display:flex;height:100%;width:100%;position:relative}.backdrop{position:absolute;height:100%;width:100%;background-color:var(--color-rgba)}.nav{display:flex;align-items:center;justify-content:space-evenly;gap:20px;padding:10px;position:relative;height:80px;width:86%;font-weight:700;margin:0 auto;color:var(--color-light-pink)}.nav ul{list-style:none;display:flex;align-items:center;margin-top:40px;width:60%;gap:20px;justify-content:space-between}.google{background-color:var(--color-green);color:#ffb000;font-style:italic;padding:16px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.nav .login{position:absolute;top:100%;z-index:8;right:10px}.nav li{border:solid 2px var(--color-white);border-radius:4px;padding:6px 12px;cursor:pointer;white-space:nowrap;transition:var(--transition-secondary)}.nav li:hover{border:none;background-color:var(--color-orange);color:var(--color-primary);transform:scale(1.05)}.nav h3{font-family:Great Vibes,cursive;white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:30px;margin-top:40px;color:var(--color-orange)}.descriptions{position:absolute;padding:20px;top:25%;right:0;left:0;color:var(--color-orange);display:flex;align-items:center;justify-content:center;flex-direction:column}.descriptions span{color:var(--color-white)}.dropdown-menu{display:flex;transition:var(--transition-secondary);flex-direction:column;position:absolute;align-items:center;justify-content:center;height:max-content;z-index:5;background-color:var(--color-green);top:0;width:100%;padding-top:10px}.close{display:flex;position:absolute;top:0;right:0;font-size:20px;align-items:flex-end;justify-content:flex-end;padding:5px}.dropdown-menu ul{transition:var(--transition-secondary);width:70%;display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:center;list-style:none}.dropdown-menu li{transition:var(--transition-primary);border:solid 2px var(--color-orange);padding:10px;color:var(--color-orange);width:100%;margin-left:-10%;border-radius:8px;cursor:pointer}.dropdown-menu li:hover{border:solid 2px var(--color-pink);color:var(--color-pink)}.img{background-color:var(--color-white);min-height:40vh;display:flex;box-sizing:border-box;padding:10px;flex-wrap:wrap;column-gap:20px;align-items:center;justify-content:space-evenly;width:100%;box-shadow:0 0 10px 2px var(--color-green) inset}.img img:nth-child(2){border-radius:50%}.footer{display:flex;height:max-content;flex-direction:column;color:#ffb000;gap:16px;width:100%;background-color:var(--color-green)}.footer-cont{display:flex;min-height:36vh;align-items:center;justify-content:space-evenly;flex-wrap:wrap;padding:10px;gap:30px}.footer-cont form{display:flex}.footer-cont input{background-color:transparent;outline:none;height:30px;width:90%;padding-left:4px;color:var(--color-orange);caret-color:var(--color-orange);border:1px solid var(--color-pink);border-top-left-radius:3px;border-bottom-left-radius:3px}.footer-cont button{background-color:var(--color-light-pink);cursor:pointer;border:none;color:var(--color-green);font-weight:700;font-size:14px;border-top-right-radius:3px;border-bottom-right-radius:3px}.footer-cont input:focus{border-color:var(--color-orange)}.contact:hover,.about:hover,.social-media:hover,.menu:hover{transform:scale(1.05)}.contact{border:solid 2px var(--color-pink);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:20px;gap:30px;height:320px;transform:var(--transition-primary);width:300px}.contact span{color:var(--color-white)}.contact p,.contact h3{margin:0}.about{border:solid 2px var(--color-pink);border-radius:8px;padding:20px;height:250px;text-align:justify;width:350px;font-size:17px;font-weight:lighter;transition:var(--transition-primary)}.social-media{transition:var(--transition-primary);border:solid 2px var(--color-pink);border-radius:8px;width:280px;height:320px;padding:20px}.media-list{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px;height:100%}.media-list .icon{font-size:22px;cursor:pointer;transition:var(--transition-primary)}.media-list .icon:hover{transform:scale(1.12)}.social-media p{display:flex;margin:0;align-items:center;gap:10px;width:60%}.copyright{display:flex;align-items:center;flex-direction:column;justify-content:center}.copyright hr{width:85%;border-color:var(--color-pink);margin:0 auto}.copyright p{font-family:Great Vibes,cursive;font-size:26px;font-weight:400;text-align:center;border-bottom:dotted 1px #ef9595}.img article{box-sizing:border-box;padding:3px;max-width:400px;width:98%;position:relative}.img article section{position:relative}.img article img{max-width:400px;width:100%;filter:brightness(120%);border-radius:6px}.img article div{font-family:Great Vibes,cursive;font-size:24px;position:absolute;display:flex;flex-direction:column;align-items:center;color:var(--color-orange);justify-content:center;inset:0 0 4px;border-radius:12px;background-color:#00422599}.img article span{display:flex;align-items:center;justify-content:center;gap:40px;padding:0 20px}.img article span h4{transition:var(--transition-primary);border:solid 2px var(--color-orange);padding:5px 12px;cursor:pointer;border-radius:6px}.img article span h4:hover{transform:scale(1.055);background-color:var(--color-green);border-color:var(--color-pink);color:var(--color-pink)}.nav .menu{display:none;font-size:30px;transition:var(--transition-secondary);cursor:pointer}.nav a{text-decoration:none;color:var(--color-light-pink)}@media screen and (max-width:628px){.nav ul{display:none}.nav .menu{display:contents}.copyright{transform:scale(.95)}}@media screen and (max-width:400px){.img article img{transform:scale(.92)}.img article div{transform:scale(.92)}.descriptions h2,.descriptions h3{transform:scale(.8);white-space:nowrap;margin:5px}.about,.contact,.social-media,.copyright{transform:scale(.9);height:max-content}}@media screen and (max-width:281px){.nav{font-size:14px}.descriptions{top:32%}.nav h3,.nav .menu{margin:0;padding:3px}}:root{--color-green: #004225;--color-while: #f5f5dc;--color-orange: #ffb000;--color-light-pink: #ffcf9d;--color-pink: #ef9595}body{background-color:var(--color-while)}.home{padding:10px;box-sizing:border-box;width:100%;color:#ffb000;height:max-content}.home-nav{width:92%;margin:0 auto;height:max-content;display:flex;align-items:center;gap:30px;justify-content:space-between}.home-nav>h3{font-family:Great Vibes,cursive;white-space:nowrap;display:flex;font-weight:700;align-items:center;gap:5px;margin:0;font-size:27px}.home-nav .spoon{background-color:var(--color-green);border-radius:2px;cursor:pointer}.profile{position:relative;width:180px;display:flex;gap:6px;align-items:center;height:max-content}.profile img{border-radius:50%;height:42px;cursor:pointer;box-shadow:0 0 5px 1px var(--color-orange)}.toggle-profile{position:absolute;display:flex;background-color:#004225;transition:all .3s ease-in-out;padding:20px;right:0;cursor:grab;top:60px;z-index:5;border-radius:8px;height:max-content;width:max-content;flex-direction:column;align-items:center;justify-content:flex-start}.profile h3{color:var(--color-orange);font-weight:400;margin:8px;width:100%}.profile h3 span{font-family:Tangerine,cursive;font-size:24px;text-transform:capitalize}.profile button{background-color:var(--color-while);padding:8px;transition:all .2s ease-in-out;font-weight:bolder;color:var(--color-green);font-family:Bodoni Moda,serif;cursor:pointer;font-style:italic;width:40%;border:none;border-radius:25px}.profile button:hover{transform:scale(1.05);box-shadow:0 0 6px 2px var(--color-orange)}.search{padding:6px;display:flex;position:relative;align-items:center}.search .datalist{position:absolute;top:30px;left:0;list-style:none;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:10px 0;border-radius:8px;font-style:italic;overflow-y:scroll;max-height:300px;background-color:var(--color-green)}.search .datalist::-webkit-scrollbar{border-left:transparent solid 1px;width:8px;border-right:transparent solid 1px}.search .datalist::-webkit-scrollbar-thumb{background-color:var(--color-orange);border-radius:10px;resize:both}.search .datalist::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--color-pink);border-radius:10px;background:var(--color-green);border-left:3px solid var(--color-green);border-right:3px solid var(--color-green);background-clip:content-box}.search .datalist li{border-radius:10px;width:80%;text-align:center;padding:8px;cursor:pointer}.search .datalist li:hover{background-color:#006c3d}.search input{outline:none;font-family:Bodoni Moda,serif;border:solid 2px var(--color-orange);height:38px;background-color:transparent;padding-left:20px;color:var(--color-orange);font-size:16px;font-weight:700;width:300px;border-top-left-radius:4px;border-bottom-left-radius:4px}.search input:focus{box-shadow:0 0 2px var(--color-orange) inset}.search input::placeholder{color:var(--color-orange)!important;font-family:Tangerine,cursive;font-size:18px}.search button{height:38px;background-color:var(--color-orange);cursor:pointer;border:none;display:flex;width:40px;align-items:center;justify-content:center;color:var(--color-while);font-size:22px;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px}.home-recipe{padding:10px;height:max-content;flex-direction:column;display:flex;align-items:center}.meal-detail{display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center;flex-wrap:wrap}.meal-category{display:flex;flex-direction:column;gap:20px}.meal-category img:hover{transform:scale(1.05)}.each-meal span{width:210px;font-family:Tangerine,cursive;font-size:25px;margin-top:-10px;color:#004225}.category-details{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-evenly}.handle-search-box{display:flex;align-items:center;justify-content:space-evenly;width:60%;gap:10px}.handle-search-box button{background-color:var(--color-orange);height:30px;width:80px;cursor:pointer;color:var(--color-while);border:none;border-radius:15px;font-family:Bodoni Moda,serif;font-style:italic;font-size:16px;font-weight:bolder}.all-details-category{padding:40px;display:flex;box-sizing:border-box;align-items:top;justify-content:space-evenly;flex-wrap:wrap;height:max-content;gap:40px;color:var(--color-green);font-family:Tangerine,cursive;font-size:30px;font-style:italic}.instruction h3{display:flex;align-items:center;gap:20px}.instruction h3 span{cursor:pointer;display:flex;align-items:center;font-size:32px}.all-details-category img:hover,.all-details-category button:hover{transform:scale(1.05)}.all-details-category span{padding:10px;display:flex;max-width:300px;width:96%}.all-details-category button{border:none;background-color:var(--color-orange);padding:10px 16px;transition:all .15s ease-in-out;cursor:pointer;border-radius:20px}.itemDetails-box{color:var(--color-orange);box-sizing:border-box;width:100%}.itemDetails-nav{padding:10px;box-sizing:border-box}.custom-box{padding:10px;position:relative;text-align:center}.custom-box h3{margin:0 0 0 16px;font-style:italic}.custom-box button{position:absolute;left:60px;top:20%;color:var(--color-while);cursor:pointer;background-color:var(--color-orange);border:none;padding:6px;border-radius:12px}.video-container{padding:10px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.more{box-sizing:border-box;display:flex;font-style:italic;position:relative;width:90%;margin:0 auto;text-align:justify;gap:50px;padding:20px}.ingredents-list{height:100%;display:flex;align-items:flex-start;justify-content:baseline;color:var(--color-orange);font-family:Bodoni Moda,serif;padding:0 20px 20px;flex-direction:column;font-family:"Bodoni Modo" serif}.ingredents-list li{font-size:18px}.all-details-category img{max-width:365px;width:98%}.top,.down{position:fixed;background-color:var(--color-while);transition:all .25s ease-in-out;right:1%;font-size:35px;z-index:5;padding:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.top{top:80px}.down{bottom:80px}.favourite-list{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.fav-item-box{display:flex;flex-direction:column;color:var(--color-green);gap:20px;font-family:Tangerine,cursive;font-size:30px;padding:10px;border-radius:6px}.fav-item-box img:hover{transform:scale(1.05)}@media screen and (max-width:742px){.home-nav{position:relative}.profile{position:absolute;top:-10px;padding:0;display:flex;align-items:center;justify-content:flex-end;right:-20px}.home-nav>h3{white-space:normal;margin:4px 0 0;font-size:25px}.search{position:absolute;top:50px;display:flex;align-items:center;justify-content:center;width:100%}.home-recipe>h3:nth-child(1){margin-top:80px}.meal-detail h3{margin-bottom:0}.handle-search-box{margin-top:50px}.meal-detail{margin-bottom:-16px}}@media screen and (max-width:430px){.home-recipe>h3:first-child{white-space:nowrap;font-size:21px}.custom-box h3{font-size:18px}.custom-box button{left:22px}}@media screen and (max-width:600px){.video-container iframe{width:94%;height:260px}}@media screen and (max-width:505px){.video-container iframe{width:94%;height:220px}}@media screen and (max-width:443px){.video-container iframe{width:95%;height:190px}}@media screen and (max-width:374px){.video-container iframe{width:96%;height:166px}}@media screen and (max-width:320px){.home-recipe>h3:first-child{white-space:nowrap;font-size:18px}.meal-detail h3{font-size:18px}.profile p{font-style:14px}.home-nav>h3{margin:4px 0 0 -12px;font-size:23px}.search input{width:260px}.handle-search-box h3{font-size:15px;white-space:nowrap}.handle-search-box{margin-top:60px;margin-bottom:-20px}.meal-detail{margin-bottom:-70px}.video-container iframe{width:98%;height:100%}}@media screen and (max-width:299px){.toggle-profile{transform:scale(.88);right:-10px}.video-container iframe{height:100%;width:100%}}:root{--color-green: #004225;--color-while: #F5F5DC;--color-orange: #FFB000;--color-light-pink: #FFCF9D;--color-pink: #EF9595}body{color:var(--color-orange)}aside{background-color:var(--color-green);position:fixed;box-sizing:border-box;left:0;padding:18px;top:0;transition:all .2s ease-in-out;bottom:0;z-index:10;width:200px}.aside-details{position:relative;display:flex;align-items:center;flex-direction:column;padding-top:18px;gap:50px}.aside-details span{position:absolute;top:-16px;right:-12px;padding:0;font-size:24px}.aside-details a{border-bottom:solid 1px var(--color-light-pink);cursor:pointer;text-decoration:none;color:inherit;font-size:18px;padding:6px 6px 6px 10px;border-radius:9px;font-style:italic;width:84%;margin:0;transition:all .15s ease-in-out;box-shadow:inset 1px -1px 2px #017a46}.aside-details a:hover{background-color:#017a46}