@import url(https://fonts.googleapis.com/css2?family=Mooli&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);*{box-sizing:border-box}body{background-image:linear-gradient(45deg,#fff,#fff,#e0f0ff)}.App,body{display:flex;flex-direction:column;margin:0;min-height:100vh}.App{font-family:Open Sans,sans-serif}button,h1,h2,h3,h4,h5,h6{font-family:Mooli,sans-serif;text-transform:lowercase}input{font-family:Open Sans,sans-serif}main{flex:1 0 auto;padding:0 20px}footer{padding:0 0 10px;text-align:center}.d-t,footer{color:#1976d2;font-family:Mooli,sans-serif}@-webkit-keyframes rise{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes rise{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:100%;-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes appear{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:100%;-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes scroll{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes scroll{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}header{justify-content:space-between}header,header .header-logo{align-items:center;display:flex}header .header-logo{justify-self:center}header h4{font-size:24px!important}header .header-spreader{justify-content:space-between;width:100%}header .header-buttons,header .header-spreader{align-items:center;display:flex}header .header-spreader a{color:#fff;text-decoration:none}header .thyme{-webkit-filter:invert(1);filter:invert(1);height:auto;width:65px}@media screen and (min-width:810px){header h4{font-size:34px!important}}.Home{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:100%}.Home .background-text-comp,.Home .home-card{grid-column:1;grid-row:1;height:calc(100vh - 143px)}.Home .background-text-comp{overflow-y:hidden}.Home .home-card{align-items:center;display:flex;justify-content:center;overflow-y:scroll;z-index:1}@media screen and (min-width:700px){.Home{grid-template-columns:3.5fr 6.5fr}.Home .background-text-comp{grid-column:1/span 1}.Home .home-card{grid-column:2/span 1}}@media screen and (min-width:980px){.Home{grid-template-columns:1fr 1fr}}.BackgroundText{-webkit-animation:scroll 300s linear infinite;animation:scroll 300s linear infinite;color:#b4bbc1;line-height:1.75;text-align:justify;-webkit-user-select:none;user-select:none}@media screen and (min-width:700px){.BackgroundText{padding-right:60px;text-align:start}}.home-header{display:flex;gap:10px}.Fridge h1{margin:40px 20px}.Fridge h2{color:#b4bbc1;margin:20px}.Fridge a{color:#000;text-decoration:none}.Fridge a h3{color:#1976d2}.Fridge a p{color:#b4bbc1}.Fridge>div:hover{-webkit-animation:rise .5s forwards;animation:rise .5s forwards}.add-button{margin:30px}.add-button,.exp-info{align-items:center;display:flex;justify-content:center}.exp-info{gap:15px}.NewFood{align-items:center;display:flex;justify-content:center;width:100%}.NewFood>div{height:calc(100vh - 143px);width:50%}.FoodForm{align-items:center;display:flex;justify-content:center}.FoodForm,.FoodForm>div{width:100%}.food-form-header{display:flex;gap:20px}.cart{-webkit-animation:roll-in 1s forwards;animation:roll-in 1s forwards;-webkit-transform:translateX(100px);transform:translateX(100px)}.FoodForm form{align-items:flex-start;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:0 10px;width:100%}.FoodForm label{width:100%}.FoodForm input{border:2px solid #d2d2d2;border-radius:10px;color:#1976d2;margin:10px 0;padding:10px;width:100%}.FoodForm label:focus-within{-webkit-animation:rise .5s forwards;animation:rise .5s forwards}.FoodForm input:focus{-webkit-animation:rise .5s forwards;animation:rise .5s forwards;border:2px solid #1976d2;box-shadow:2.5px 2.5px 2.5px #00000030;color:#000;outline:none}@-webkit-keyframes roll-in{0%{-webkit-transform:translateX(50px);transform:translateX(50px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes roll-in{0%{-webkit-transform:translateX(50px);transform:translateX(50px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.ShowFood{margin:40px 20px}.show-exp{color:#1976d2}.show-notif{margin:20px 0}.EditFood{-webkit-animation:appear 1s forwards;animation:appear 1s forwards;opacity:0}.edit-food-form{align-items:last baseline;display:flex;gap:20px;justify-content:center;margin:20px}.EditFood input{border:2px solid #d2d2d2;border-radius:10px;color:#1976d2;margin:10px 0;padding:10px;width:100%}.EditFood input:focus{-webkit-animation:rise .5s forwards;animation:rise .5s forwards;border:2px solid #1976d2;box-shadow:2.5px 2.5px 2.5px #00000030;color:#000;outline:none}.Notifications h2{color:#b4bbc1;padding:20px}.notif-header{display:flex;gap:10px;margin:20px}.bell{-webkit-animation:ring .5s forwards;animation:ring .5s forwards;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-transform-origin:top;transform-origin:top}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.Notif a{color:inherit!important;text-decoration:none!important}.Notif a:hover{text-decoration:underline!important}.Auth{height:calc(100vh - 185px)}.Auth,.auth-card{align-items:center;display:flex;justify-content:center}.auth-card{overflow-y:scroll}.auth-form{display:flex;flex-direction:column;width:400px}.auth-form input{border:2px solid #d2d2d2;border-radius:10px;color:#1976d2;margin:10px 0;padding:10px;width:100%}.auth-form label:focus-within{-webkit-animation:rise .5s forwards;animation:rise .5s forwards}.auth-form input:focus{-webkit-animation:rise .5s forwards;animation:rise .5s forwards;border:2px solid #1976d2;box-shadow:2.5px 2.5px 2.5px #00000030;color:#000;outline:none}.password-error{background-color:#ffebeb;border-radius:10px;color:#d24747;padding:10px 20px}.password-label{display:flex;gap:10px}.Error{align-items:center;display:flex;height:calc(100vh - 143px);justify-content:center}.Error h1{font-family:Mooli,sans-serif}.Error button{margin-bottom:10px}footer a{color:inherit;text-decoration:none}footer:hover a{text-decoration:underline}
/*# sourceMappingURL=main.e8cc9494.css.map*/