@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";.navbar{z-index:2;margin-top:20px;position:fixed;top:0;width:100%;font-family:Fredoka One,cursive;color:#ffbd13;display:flex;justify-content:space-around}.navbar__menu{position:absolute;margin-top:50px;top:100%;left:0;transition:all .3s ease-in-out}.navbar__menu.open{transform:scale(1.2)}.navbar__hamburger{margin-top:5px;cursor:pointer;width:50px}.navbar__hamburger img{width:100%;height:auto}.navbar__logo{margin-left:7rem;transition:all .3s ease-in-out;font-size:30px}.navbar__logo.move-left{transition:all .3s ease-in-out;position:absolute;left:0;margin-left:10px}.navbar__menu ul{list-style-type:none;padding:0;margin:30px -150px 0 0}.navbar__menu li{display:flex;align-items:center;padding:10px;color:#ffbd13}.navbar__menu li img{margin-right:10px}.navbar__menu li a,.navbar__logo{color:#ffbd13;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar__menu li{animation-name:fadeIn;animation-duration:.2s;animation-fill-mode:both}.navbar__menu li:nth-child(1){animation-delay:.1s}.navbar__menu li:nth-child(2){animation-delay:.2s}.navbar__menu li:nth-child(3){animation-delay:.25s}.navbar__menu li:nth-child(4){animation-delay:.3s}html,body{overflow-x:hidden;margin:0}.greenCircle{position:absolute;width:100%;background-color:#104d0a;border-radius:50%;z-index:-1}html,body{padding:0;font-family:Chivo,sans-serif;color:#104d0a;position:relative}.svg-contains{position:absolute;top:-250px;left:50%;transform:translate(-50%)}.LogoBtn{font-family:Fredoka,sans-serif;color:#ffbd13;font-size:35px;border-radius:50px;border:none;width:300px;height:60px;background-color:#104d0a;box-shadow:0 6px 12px #17171765;margin:0;padding:3px 22px 14px;z-index:1}.pasta-logo{margin-left:30px;margin-bottom:10px;width:63px}.text-container{display:flex;flex-direction:column;z-index:1;margin:1.2rem 0 1.5rem}.header-textbox{z-index:1;padding:0;margin:0 0 0 30px;font-size:30px;font-weight:500;text-align:left}.row-container{display:flex;flex-direction:row;padding:0 0 0 30px;height:110px}.number{font-family:Dongle,sans-serif;font-size:120px;color:#899b87;margin:0;padding:0;line-height:140px}.row-text{padding:0;text-align:left;width:270px;height:min-content;font-size:18px;margin:40px 0 0 15px}.row-text-two{text-align:right;margin:25px 0 0;padding-right:20px}.StartBtn{font-family:Fredoka,sans-serif;color:#000;font-size:24px;border-radius:50px;border:none;width:340px;height:54px;background-color:#ffbd13;box-shadow:0 6px 12px #17171765;margin:0 0 1rem;z-index:1}.static-container{position:relative;margin:17rem auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.static-container *{z-index:1}html,body{padding:0;font-family:Chivo,sans-serif;color:#104d0a}.upload__image-wrapper{display:flex;flex-direction:column}.inst-text{color:#fff;position:absolute;top:100px;left:50%;transform:translate(-50%);width:350px;text-align:left;padding-left:20px;text-align:center}.upload-btn{width:300px;height:300px;border-radius:20px;border:none;position:absolute;top:180px;left:50%;transform:translate(-50%)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 150,"GRAD" 0,"opsz" 24;color:#818181;font-size:140px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.upload-btn-text{color:#818181;position:absolute;width:200px;top:60%;left:50%;transform:translate(-50%)}.material-symbols-outlined-remove{font-variation-settings:"FILL" 0,"wght" 150,"GRAD" 0,"opsz" 24;color:#818181;font-size:30px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.yourIngredients{font-size:20px;position:absolute;top:60%;left:50%;transform:translate(-50%);color:#104d0a;font-weight:700}.resulting-images{display:flex;flex-wrap:wrap}.image-item{border-radius:10px}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;position:absolute;top:67%;left:50%;transform:translate(-50%)}.image-btn{margin-top:5px;border:none;background-color:#eb5c5c;border-radius:20px;width:40px;height:40px}.footer{position:fixed;bottom:0;left:0;right:0;height:60px}.submit-btn{font-family:Fredoka,sans-serif;color:#000;font-size:20px;text-decoration:none;border-radius:50px;border:none;background-color:#ffbd13;box-shadow:0 3px 6px #17171765;padding:.75rem 2rem .65rem;margin:0 0 20px}.empty-state img{max-width:200px}.empty-state p{color:gray;font-size:16px;line-height:1.4rem;margin-top:.8rem}.recipe-grid{margin-top:7rem;color:#fff;font-family:Fredoka,sans-serif}.recipe-grid h2{margin-bottom:1.2rem}.recipe-grid a{text-decoration:none}article{font-family:Chivo,sans-serif;font-size:1.2rem;color:#000;background-color:#fff;margin:1rem .8rem;padding:1.8rem .85rem;border-radius:12px;box-shadow:0 4px 10px #20202036}article img{margin-bottom:.85rem}article p{margin:0}#root{max-width:1280px;margin:0;padding:0;text-align:center}:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;box-sizing:border-box}body{margin:0 auto;place-items:center;min-width:370px;min-height:100vh;width:100%;position:relative}h1{font-size:3.2em;line-height:1.1}