*{box-sizing:border-box;margin:0;padding:0}#root{width:100%}.hide{display:none}.show{display:block}a{text-decoration:none;color:#000}a:hover{color:#986aac}body{box-sizing:border-box;width:100vw;display:flex;flex-direction:column;align-items:center;margin:0;padding:20px;font-family:Roboto,sans-serif}p{letter-spacing:1px}.section{display:flex;width:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:space-evenly;padding:20px}.view-btn{background-color:#986aac;width:80%;color:#fff;border:none;border-radius:25px;padding:5px 10px;font-family:Outfit,sans-serif;font-size:.7em;cursor:pointer;margin-top:auto;text-align:center;position:relative;overflow:hidden;z-index:1;transition:color .4s ease}.view-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#3fb9c9;transition:width .4s ease;z-index:-1}.view-btn:hover:before{width:100%}.view-btn:hover{color:#fff}.blur-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:0;pointer-events:none}.blur-circle1{position:absolute;width:200px;height:300px;background:#986aac;filter:blur(125px);border-radius:50%;top:100px;left:-150px;z-index:-1;opacity:.8}.blur-circle2{position:absolute;width:200px;height:300px;background:#3fb9c9;filter:blur(125px);border-radius:50%;top:80px;right:-150px;z-index:-1;opacity:.8}.blur-circle4{position:absolute;width:200px;height:300px;background:#3fb9c9;filter:blur(100px);border-radius:50%;left:-150px;z-index:-1}@media(min-width:1025px){body{padding:25px}.view-btn{margin-top:20px}a{font-size:1.2em}h2{font-size:2rem}}.navbar{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#fff}.logo{height:40px}.link-container{display:flex;gap:20px}@media(min-width:1025px){.logo{height:60px}}.hero{display:flex;width:100%;padding:50px 20px;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-size:1.2em;font-family:Outfit,sans-serif;font-weight:700;color:#333;z-index:2}.highlight{font-size:2em;display:block;color:#3fb9c9}.highlight2{color:#986aac}.hero-subtitle{font-size:1em;color:#000;margin-top:10px;text-align:center;max-width:600px;z-index:2}@media(min-width:1025px){.hero{height:60vh}.hero-title{font-size:2em}.hero-subtitle{font-size:1.2em}}.favourite{height:550px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:20px}.recipe-container{width:100%;display:flex;justify-content:space-between}@media(min-width:1025px){.favourite{height:80vh}.recipe-container{width:80%}}.heading-title{font-family:Outfit,sans-serif;font-size:1em;font-weight:600;color:#000;padding:10px;border-bottom:3px solid #986AAC}@media(min-width:1025px){.heading-title{font-size:1.4rem}}.recipe-card{display:flex;height:325px;width:100%;flex-direction:column;align-items:start;justify-content:space-evenly;border-radius:10px;margin-top:20px}.recipe-card button{margin-top:auto}.recipe-image{width:125px;height:125px}.image-container{position:relative;width:90px;height:130px}.recipe-image-background{width:125px;height:125px;background-color:#3fb9c9;position:absolute;top:-15px;left:15px;z-index:-1}.recipe-title{width:100%;font-family:Outfit,sans-serif;font-size:.8em;font-weight:600;padding:2px;margin:5px 0 0}.recipe-description{width:100%;font-family:Outfit,sans-serif;font-size:.7em;color:#555;margin:5px 0;padding:2px 5px 0 0}.recipe-details{width:100%;font-family:Outfit,sans-serif;font-size:.6em;color:#777;margin:2px 0}.custom-button{background-color:#986aac;width:80%;color:#fff;border:none;border-radius:25px;padding:5px 10px;font-family:Outfit,sans-serif;font-size:.7em;cursor:pointer;margin-top:10px}@media(min-width:1025px){.recipe-card{display:flex;height:400px;width:225px;flex-direction:column;align-items:start;justify-content:space-evenly;border-radius:10px;margin-top:20px}.recipe-description{font-size:.9rem;padding-right:40px}.view-button{margin-top:5px}.recipe-image{height:150px;width:150px}.recipe-image-background{width:150px;height:150px}.recipe-title{font-size:1.2em;margin-top:5px}.recipe-description{font-size:1em}.recipe-details{font-size:.8em}}.content{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%}.content p{line-height:1.6;width:100%;margin-bottom:1em;text-align:center;padding:0 10px}@media(min-width:1025px){.content{height:40vh;justify-content:center;padding:100px}.content p{font-size:1.25rem;padding:0 50px}}.recipe-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:2rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%;margin:0 auto;padding:10px;box-sizing:border-box}.search-bar{width:150%;margin-top:20px;padding:5px 10px;border:1px solid #ccc;border-radius:4px}@media(min-width:1025px){.recipe-grid{gap:4rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recipe-header{font-size:1.5rem;margin-bottom:3rem}.recipe-title{margin-top:20px}}.contact-section{height:550px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:40px 20px;position:relative}input[type=text],input[type=number],input[type=email],input[type=search],textarea,select{font-size:16px!important}.form-container{display:flex;flex-direction:column}form{display:flex;flex-direction:column;align-items:center;gap:1rem}.field{width:100%;padding:5px 10px;border:1px solid #ccc;border-radius:4px}.blur-circle4{position:absolute;width:200px;height:300px;background:#3fb9c9;filter:blur(100px);border-radius:50%;bottom:-2700px;left:-150px;z-index:-1}.blur-circle3{position:absolute;width:200px;height:300px;background:#986aac;filter:blur(80px);border-radius:50%;bottom:-3000px;right:-150px;z-index:-1}.footer{box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:absolute;left:0;width:100vw;height:100px;margin-top:50px;padding:5px;background-color:#78c5cf}.footer-text{color:#fff;font-size:1rem}@media(min-width:1025px){.footer{left:-100px}}.recipe-detail-image{height:200px;width:200px}.large-recipe-image{width:100%;height:400px;object-fit:cover;border-radius:15px;display:block;margin-bottom:20px}.recipe-select-title{margin-bottom:20px}.recipe-showcase{position:relative;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin:50px 0}.recipe-page{position:relative}.back-to-home{position:absolute;top:10px;right:0;background-color:#986aac;color:#fff;padding:5px 10px;border-radius:25px}.recipe-description-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:90%;height:200px;text-align:center}.recipe-p{margin-bottom:20px}#voiceSelect{margin:10px 5px;padding:5px 20px;border-radius:25px;background-color:#f3f3f3}.recipe-image-container{position:relative}.background-img{width:200px;height:200px;background-color:#3fb9c9;position:absolute;top:-15px;left:15px;z-index:-1}.instructions-section{display:flex;flex-direction:column;align-items:center;padding:20px}.ingredients-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;height:250px}.ingredients-section ul{align-self:flex-start}@media(min-width:1025px){.cooking-content{display:flex}.recipe-p{padding:0 100px}.view-btn{width:50%}}