@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://www.w3schools.com/w3css/4/w3.css);.recipe{background-color:beige;border:1px solid #80808024;border-radius:60px;box-shadow:8px 5px 5px 2px #9e9c9c26;letter-spacing:1px;margin:20px;padding:20px 0;transition:transform .2s ease-in-out;width:400px}.recipe:active,.recipe:hover{transform:scale(1.02)}.recipe_title{color:#370617;font-size:1.6rem;text-align:center}.recipe h2{color:#370617;font-size:1.3rem;margin:0;padding:10px 20px 0}.image_div{margin:0 auto;overflow:hidden;width:100%}.image{display:block;margin:-33% 0;width:100%}.calories{text-align:center}.ingredients{list-style-type:none;padding:10px 20px}.ingredient{line-height:1.4rem;padding:5px 0}.ingredient i{color:#370617}.vertical-center{margin:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.site-button{font-size:15px;margin-left:45px;padding:5px 10px}.newBtn,.site-button{background-color:#370617;border:none;border-radius:20px;color:beige;cursor:pointer;display:inline-block;justify-content:center;outline:none;text-align:center;text-decoration:none}.newBtn{font-size:25px;margin-top:100px;margin-inline-start:550px;padding:15px 25px}.site-button:hover{background-color:bisque;color:#370617}.site-button:active{background-color:#370617;box-shadow:0 5px #666;transform:translateY(4px)}.title{font-weight:200}.my-button{background:#370617;border-radius:50px;color:#fff;display:inline-block;font-family:Georgia,serif;font-size:1.5em;font-style:italic;margin:5px;padding:8px 16px;transition:all .2s}.my-button:hover{background:#666;color:#c1e1e0}.search-bar{background-color:#fff;border:none;border-radius:20px;box-shadow:0 0 5px 0 #00000040;max-width:800px;min-width:520px;padding:12px;width:65%}.search-bar::placeholder{color:#00000070}.search-icon{background:none;border:none;color:#000;position:relative;right:43px;top:-1px}.search-bar:focus,.search-bar:hover{box-shadow:0 0 5px 2px #00000040;outline:none}.search-button:focus{outline:none}@media (max-width:768px){.search-bar{max-width:500px;min-width:400px}.search-icon{left:50%;margin-top:180px;position:absolute;transform:translateX(-50%)}}body{font-family:Montserrat,sans-serif}.App{min-height:100vh}.header{padding:20px 40px 60px;text-align:center}.title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.search-form{align-items:center;display:flex;justify-content:center;min-height:5vh;padding-left:40px}.recipes{color:#370617;display:flex;flex-wrap:wrap;justify-content:space-around}.search-filter{margin:0 auto;max-width:500px}.w3-myfont{font-family:Comic Sans MS,cursive,sans-serif}.container{background-color:beige}.title{color:#370617;font-size:3rem;font-weight:500;text-align:center}.column{float:left;padding:5px;width:33.33%}.row:after{clear:both;content:"";display:table}.wrapper{text-align:center}.button{position:absolute;top:50%}.navbar{background-color:#370617;justify-content:space-between;padding:5px 15px}.logo,.navbar{align-items:center;display:flex}.logo,.logo img{height:50px;width:50px}.logo img{margin-right:8px}.logo h1{color:beige;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700}.menu{display:flex}.menu ul{list-style-type:none;padding:0}.menu li{margin:0 10px}.menu a{color:#fff;text-decoration:none}.login{align-items:center;display:flex}.login button{background-color:#000;border:none;border-radius:5px;color:gold;cursor:pointer;margin-right:10px;padding:5px 10px;transition:background-color .3s ease}.login button:hover{background-color:khaki;color:#000}.login i{display:none}.toggle-light-btn{margin-left:10px;padding-left:5px;width:35px}@media (max-width:768px){.menu{display:none}.login i{cursor:pointer;display:block}}*{box-sizing:border-box;margin:0;padding:0}.container{min-height:100vh;transition:.5s;width:100%}.container.dark{background:#000}
/*# sourceMappingURL=main.b3299a9f.css.map*/