.header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 20px;-webkit-align-items:center;align-items:center;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;background-color:#fff;z-index:999}.logo{font-size:30px}.button-30,.logo{position:relative;text-transform:capitalize}.button-30{-webkit-align-items:center;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;cursor:pointer;display:-webkit-inline-flex;display:inline-flex;height:35px;-webkit-justify-content:center;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;text-align:left;text-decoration:none;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:20px;margin-right:20px;transition:.25s}.button-30:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-30:active{box-shadow:inset 0 3px 7px #d6d6e7;-webkit-transform:translateY(2px);transform:translateY(2px)}.button-47{-webkit-align-items:center;align-items:center;background-color:#fcfcfd;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-sizing:border-box;color:#1a202c;display:-webkit-inline-flex;display:inline-flex;font-size:20px;height:33px;text-transform:capitalize;-webkit-justify-content:center;justify-content:center;overflow-wrap:break-word;padding-left:16px;padding-right:16px;text-decoration:none;width:auto;border-radius:4px;border:1px solid #000;cursor:pointer;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-right:20px;transition:.25s}.button-47:hover{background-color:rgba(0,0,0,.082)}.ham{display:-webkit-flex;display:flex;cursor:pointer;display:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.buttons{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}@media(max-width:900px){.logo{font-size:25px}.button-30,.button-47{height:29px;font-size:16px;padding-left:10px;padding-right:10px}.menu{display:none}.ham{display:block}.logo{-webkit-flex:3 1;flex:3 1}}@media(max-width:340px){.buttons{display:none}}.sidebar{top:0;right:0;bottom:0;position:fixed;height:100%;z-index:9999;overflow:hidden;background-color:#f6f6f6;padding:20px 10px;min-width:170px;transition:all 15s linear ease-in}.close{position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none;top:10px;right:20px;color:#000;cursor:pointer}.close h1{font-size:30px}.sidebar>.sidemenu a{color:grey;font-size:20px;text-transform:capitalize;border-bottom:.5px solid hsla(0,0%,50.2%,.233);margin:20px 5px 10px 0;transition:all .25s}.sidebar>.sidemenu a:hover{color:#000}.sidemenu{margin-top:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.avatar{height:30px;width:30px;overflow:hidden;border-radius:50%;cursor:pointer}.avatar img{width:100%;height:100%;object-fit:contain}.usercomponent{margin-right:10px;position:relative}.userbuttons{background-color:grey;position:absolute;display:none;top:30px;-webkit-flex-direction:column;flex-direction:column}.userbuttons button{margin-bottom:5px}.avatar:hover~.userbuttons,.recipecards,.userbuttons:hover{display:-webkit-flex;display:flex}.recipecards{max-width:350px;overflow:hidden;max-height:320px;color:#fff;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;position:relative;min-height:320px;min-width:350px;cursor:pointer;margin:25px;box-shadow:0 6px 18px -9px rgba(0,0,0,.75);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;border-radius:10px}.recipecards:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:1100px){.recipecards{min-height:270px;min-width:230px}.recipe__name h1{font-size:25px}.recipecards .recipecalories,.recipecards .recipedesc{opacity:1}}.card__img{height:100%;width:100%;position:absolute;z-index:-1}.card__img img{width:100%;height:100%;object-fit:cover}.recipeitems{display:-webkit-flex;display:flex;padding:5px 15px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.recipeitems li{margin-right:25px}.recipedesc{padding:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;margin-top:70px}.recipedesc h2{text-transform:uppercase;font-size:26px}.recipeitems li{text-transform:capitalize;line-height:1.2}.recipe__food{padding:10px;width:100%;background-color:rgba(0,0,0,.438)}.recipecalories{text-transform:uppercase;font-size:16px}.recipe__food{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.recipedesc{background-color:rgba(0,0,0,.438)}.recipe__name{text-transform:uppercase}.recipecalories,.recipedesc{opacity:0;transition:.25s}.recipecards:focus .recipecalories,.recipecards:focus>.recipedesc,.recipecards:hover .recipecalories,.recipecards:hover>.recipedesc{opacity:1}@media(max-width:320px){.recipecards{min-width:150px;margin:0 0 20px;min-height:200px}}.recipesgod{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.recipesgod input{margin:10px;padding:3px}.searchcomponent{margin-top:40px;margin-right:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.search img{width:100%;height:100%;object-fit:cover}.search{-webkit-align-items:center;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;cursor:pointer;display:-webkit-inline-flex;display:inline-flex;height:25px;-webkit-justify-content:center;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:6px;padding-right:6px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;text-transform:capitalize;will-change:box-shadow,transform}.search:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.search:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.search:active{box-shadow:inset 0 3px 7px #d6d6e7;-webkit-transform:translateY(2px);transform:translateY(2px)}.recipes{margin:30px auto;width:85%;background-color:rgba(48,11,11,.1450980392156863);padding:30px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;min-height:120px;position:relative;overflow-x:hidden}@media(max-width:320px){.recipes{padding:10px;overflow-x:visible}}@media(max-width:1100px){.recipes{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.recipes{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}}.inforecipes{position:absolute;top:12px;font-size:15px;text-transform:capitalize;font-style:italic;text-align:center;margin:0 auto;font-weight:lighter}@media (max-width:325px){.inforecipes{top:-20px;font-size:10px}}.recipe{padding:30px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:fixed;z-index:4;top:100px;height:85vh;width:95%;left:25px;right:0;overflow:scroll;background-color:#fff}.externallink{width:17px;text-align:center;margin-left:10px;transition:all .25s}.fulllink{border:1px solid #000;padding:5px;border-radius:10px}.prepcardsimage{width:200px;border-radius:10px;margin:10px 0}@media(max-width:600px){.recipe{left:25px;right:0;width:90%;height:85vh}}.recipeclosebutton{font-size:30px;position:absolute;top:20px;right:20px;cursor:pointer}.backgroundoverlay{position:fixed;background-color:rgba(0,0,0,.13);height:100%;width:100%;top:0;right:0;bottom:0;left:0;z-index:3}.recipe__header{-webkit-justify-content:center;justify-content:center}.recipe__header,.recipe__headercontent{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.recipe__headercontent h3{font-size:26px;text-transform:uppercase;margin-right:20px}.recipe__headercontentuser{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.recipe__headercontentuser p{margin-right:3px}.ownerlogo{width:30px;height:30px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%;overflow:hidden}.ownerlogo img{width:100%;height:100%;object-fit:cover}.recipe__body{margin-top:20px;margin-bottom:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.recipe__bodyimage{height:300px;min-width:300px;border-radius:4px;overflow:hidden;max-width:800px;margin-right:30px;margin-bottom:10px}.recipe__bodyimage img{width:100%;height:100%;object-fit:cover}.recipe__bodycontent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.recipe__bodycontent ul{margin:0 auto}.recipe__bodycontent h2{font-size:30px;text-transform:capitalize;margin-bottom:10px}.recipe__footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding:0 90px}.recipe__footer h2{text-transform:capitalize;margin-right:90px;font-size:26px;margin-bottom:10px}@media(max-width:690px){.recipe__bodyimage{margin-right:0}.recipe__body,.recipe__headercontent{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.recipe__footer{padding:0 10px}.recipe__footer h2{margin-right:20px}}.center{position:absolute;margin:0 auto;width:220px;height:220px;top:-50px}.dot-1{z-index:3;width:30px;height:30px;top:95px;left:95px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:jump-jump-1 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;animation:jump-jump-1 2s cubic-bezier(.21,.98,.6,.99) infinite alternate}.dot-1,.dot-2{position:absolute;background:#fff;border-radius:50%}.dot-2{z-index:2;width:60px;height:60px;top:80px;left:80px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:jump-jump-2 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;animation:jump-jump-2 2s cubic-bezier(.21,.98,.6,.99) infinite alternate}.dot-3{position:absolute;z-index:1;width:90px;height:90px;top:65px;left:65px;background:#fff;border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:jump-jump-3 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;animation:jump-jump-3 2s cubic-bezier(.21,.98,.6,.99) infinite alternate}@-webkit-keyframes jump-jump-1{0%,70%{box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump-jump-1{0%,70%{box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jump-jump-2{0%,40%{box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump-jump-2{0%,40%{box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jump-jump-3{0%,10%{box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump-jump-3{0%,10%{box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}.login{height:calc(100vh - 50px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:linear-gradient(hsla(0,0%,100%,.418),rgba(255,234,234,.007)),url(https://media.istockphoto.com/photos/fresh-vegetables-and-water-splashes-on-panoramic-background-picture-id1289191295?b=1&h=fZQsttU4jAiOTdctk934DU1l_kY8km9XejlpzVzaSe0%3D&k=20&m=1289191295&s=170667a&w=0);background-size:cover}.loginTitle{font-size:50px}.loginForm{margin-top:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.loginForm>label{margin:10px 0}.loginInput{padding:10px;background-color:#fff;border:none}.loginInput:focus{outline:none}.password,.username{font-size:20px}.loginButton{-webkit-align-items:center;align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.02);box-sizing:border-box;color:rgba(0,0,0,.85);cursor:pointer;display:-webkit-inline-flex;display:inline-flex;font-family:system-ui,-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;-webkit-justify-content:center;justify-content:center;line-height:1.25;margin-top:30px;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.loginbutton:focus,.loginbutton:hover{border-color:rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);color:rgba(0,0,0,.65)}.loginbutton:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.loginbutton:active{background-color:#f0f0f1;border-color:rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.06);color:rgba(0,0,0,.65);-webkit-transform:translateY(0);transform:translateY(0)}.signup{height:calc(100vh - 50px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url(https://images.pexels.com/photos/1640774/pexels-photo-1640774.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-size:cover}.registerTitle{font-size:50px}.registerForm{margin-top:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.registerForm>label{margin:10px 0}.registerInput{padding:10px;background-color:#fff;border:none}.registerInput:focus{outline:none}.registerButton{margin-top:30px;-webkit-align-items:center;align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.02);box-sizing:border-box;color:rgba(0,0,0,.85);cursor:pointer;display:-webkit-inline-flex;display:inline-flex;font-family:system-ui,-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;-webkit-justify-content:center;justify-content:center;line-height:1.25;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.registerButton:focus,.registerButton:hover{border-color:rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);color:rgba(0,0,0,.65)}.registerButton:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.registerButton:active{background-color:#f0f0f1;border-color:rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.06);color:rgba(0,0,0,.65);-webkit-transform:translateY(0);transform:translateY(0)}.recipeform{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:100px}.recipeform label{font-size:26px;text-transform:capitalize;margin-bottom:25px}.recipeform input{min-height:30px}.recipeform input,.recipeform textarea{min-width:40%;font-size:18px;padding:5px}.recipeform textarea{min-height:150px;max-width:60%;max-height:800px;overflow:scroll;overflow-x:hidden;margin-bottom:20px;border-radius:4px}.recipeform button{margin-bottom:90px}.submitbutton{-webkit-align-items:center;align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.02);box-sizing:border-box;color:rgba(0,0,0,.85);cursor:pointer;display:-webkit-inline-flex;display:inline-flex;font-family:system-ui,-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;-webkit-justify-content:center;justify-content:center;line-height:1.25;margin:0;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.submitbutton:focus,.submitbutton:hover{border-color:rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);color:rgba(0,0,0,.65)}.submitbutton:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.submitbutton:active{background-color:#f0f0f1;border-color:rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.06);color:rgba(0,0,0,.65);-webkit-transform:translateY(0);transform:translateY(0)}@media(max-width:1000px){.recipeform input,.recipeform textarea{min-width:80%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{width:100%;overflow-x:hidden}@-webkit-keyframes animateDown{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes animateDown{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translateY(3px);transform:translateY(3px)}}a{color:#000;text-decoration:none}::-webkit-scrollbar{width:10px;cursor:pointer}::-webkit-scrollbar-track{background:#f1f1f1;cursor:pointer}::-webkit-scrollbar-thumb{background:#888;border-radius:5px;cursor:pointer}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.469b245a.chunk.css.map */