#navbaractive{top:0;height:70px;position:fixed;display:flex;align-items:center;justify-content:space-between;width:100%;color:#000;background-color:#fbf3e8;z-index:4;border-bottom:1px solid gray;transition:all ease-in-out .5s}#logo{cursor:pointer;flex:2;font-weight:700;letter-spacing:2px;font-size:1.2em;display:flex;justify-content:center;align-items:center}#hamburger{border:0;height:40px;width:40px;cursor:pointer;transition:background-color .2s ease-in-out;top:50%;right:25px;display:none}#content{flex:6;width:auto;font-weight:500;font-size:.9em;text-transform:uppercase;margin-right:0;display:flex;justify-content:space-evenly;align-items:center;letter-spacing:2px;color:#4e4e4e}#content div{cursor:pointer}#buttons{flex:2;display:flex;justify-content:space-evenly;align-items:center}.signupactive{cursor:pointer;border:1px solid transparent;padding:.6em .9em;letter-spacing:1px;font-weight:400;font-family:inherit;color:#1a1a1a;background-color:transparent;border:1px solid black}.signupactive:hover{border:1px solid rgb(253,112,56);background-color:#fd7038;color:#fff;transform:none}@media only screen and (max-width: 768px){#content{display:none;transition:all .2s ease-in-out}#contentactive{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:0;margin-left:0%;width:100%;background-color:#fbf3e8;height:100vh;top:50px}#hamburger{display:flex;justify-content:center;align-items:center;margin-right:5px}.trial{transform:translateY(-20px)}}#main{display:flex;align-items:center;justify-content:center;width:100%;margin-top:70px;height:70vh;border-bottom:1px solid gray}#left{width:50%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center}#heading{width:70%;font-weight:600;font-size:2.5em;line-height:1.5;text-transform:uppercase}#right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}#right img{height:90%;width:90%}button{font-family:inherit;transition:all .2s ease-in-out;font-weight:500;letter-spacing:normal;color:#fff;background-color:#fd7038;border:none;padding:5px 15px}button:hover{cursor:pointer;transform:scale(1.1)}@media only screen and (max-width: 768px){#main{display:flex;flex-direction:column;height:90vh}#left,#right{width:100%}#heading{font-weight:800;font-size:2em;line-height:1.2}#right img{height:85%;width:100%}}#maindiv{display:flex;align-items:center;justify-content:space-around;width:100%;height:30vh;border-bottom:1px solid gray}.sub{display:flex;flex-direction:column;text-align:center}.sub1{font-size:48px;font-weight:400;color:#fd7038}@media only screen and (max-width: 768px){#maindiv{flex-direction:column;align-items:stretch;justify-content:space-evenly;height:40vh}.sub1{font-size:42px;font-weight:400}}#footer{width:100%;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fd7038;color:#fff}#footIcons{padding:10px 0;display:flex;align-items:center;justify-content:space-evenly;width:30%}#footIcons img{color:#f3f2f0;height:20px}#footDetails{font-weight:600;padding:10px 0}@media only screen and (max-width: 768px){#footDetails{font-weight:500}}.overlay{height:100vh;width:100vw;top:0;bottom:0;left:0;right:0;background-color:#777676c7;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(4px);position:fixed;display:flex;align-items:center;justify-content:center;z-index:5}.modal{position:relative;height:65%;width:40%;background-color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center}.form{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;width:80%}.heading{text-align:center;font-weight:600;font-size:xx-large;color:#fd7038}.subheading{font-size:medium;text-align:center;font-weight:400;color:gray}.inputs{display:flex;flex-direction:column}.inputs>input{width:60%;padding:10px 8px;outline:none;border-radius:5px;border:1px solid gray;margin:5px auto}.inputs>input:focus{outline:2px solid rgb(253,112,56);border-radius:5px;border:none}.signup{display:flex;align-items:center;justify-content:center}.signup>button{padding:8px 12px}@media only screen and (max-width: 768px){.modal{width:80%}.inputs>input{width:80%}}@media only screen and (min-width: 400px) and (orientation: landscape){.modal{height:90%}}#recipemain{margin-top:70px;display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:80vh}#search{padding:20px;display:flex;align-items:center;justify-content:center}#search input{width:400px;padding:8px;border:none;border-radius:10px 0 0 10px;font-family:Montserrat,sans-serif}#search input:focus{outline:none}#searchicon{background-color:#fff;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0 10px 10px 0;cursor:pointer}#search img{height:20px;padding-right:8px}#cards-area{display:flex;width:100%;justify-content:center;flex-wrap:wrap}@media only screen and (max-width: 768px){#search{padding:20px 2px}#search input{width:315px}}.item{display:inline-block;position:relative;width:250px;height:350px;margin:5px;border-radius:10px;box-shadow:3px 4px 12px 1px #0000004d;background-color:#fffcfce5}.item-wrapper{width:100%;height:100%;overflow:hidden}.content-wrapper{width:100%;margin:-50px 0 0}.img-container{position:relative;width:100%;min-height:180px;margin-top:80px}.item-img{position:absolute;display:block;width:100%;height:100%;margin:-20px auto 0;left:0;right:0}.favIcon{cursor:pointer;position:absolute;height:30px;top:-5px;right:10px}.content-text{margin-top:-2px;width:95%;color:#fff}.item-name{font-weight:500;font-size:1.1em;text-transform:capitalize;text-align:center;width:100%;color:#f87c4b}.item-subtext-container{width:100%;margin:5px auto 0;font-size:.7em;letter-spacing:1px;text-transform:uppercase;color:#f87c4b;text-align:center}.view-more-btn{position:absolute;border-radius:0 0 10px 10px;bottom:0;width:100%;height:25px;color:#fff;background-color:#f87c4b;font-size:.85em;text-transform:uppercase;text-align:center;padding:10px 0;cursor:pointer;z-index:2;transition:all ease-in-out .2s}.view-more-btn:hover{background-color:#fff;color:#f87c4b;border:1px solid rgb(248,124,75)}#recipe--main{margin-top:70px;width:100%;min-height:80vh;display:flex}#recipe--left{flex:7;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:20px 0 0 50px}#recipe--head{font-weight:700;font-size:2.2em}#recipe--right{display:flex;flex-direction:column;align-items:center;flex:3}.instr--steps{font-size:1.1em;margin:15px 0;letter-spacing:1px}.instr--num{font-weight:500;margin:5px 0}#recipe--img{margin-top:15px}#recipe--img img{border-radius:5px}#recipe--ingr{align-self:flex-start;margin-left:30px}#recipe--ingr ul{list-style:none}#recipe--ingr ul li{margin:5px 0}#recipe--ingr ul li:before{content:"•";color:#675d50;font-weight:600;display:inline-block;width:1em;margin-left:-1em}#recipe--subhead{font-weight:700;font-size:1.2em}@media only screen and (max-width: 768px){#recipe--main{flex-direction:column-reverse}#recipe--left{padding:20px 10px 0 15px}#recipe--ingr{margin-left:15px}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.link,.link:hover{color:inherit}body{margin:0;font-family:Montserrat,sans-serif;background-color:#fbf3e8;scroll-behavior:smooth}h1{font-size:3.2em;line-height:1.1}input{font-family:Montserrat,sans-serif}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#fd7038}}