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