@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap);.nav{display:flex;height:70px;left:0;overflow:hidden;padding:0 25px;position:absolute;top:0;width:calc(100% - 50px);z-index:1000}.nav,.nav-stickey{background-color:#57754b}.nav-stickey{-webkit-animation:nav-enter-anim .15s ease-in;animation:nav-enter-anim .15s ease-in;box-shadow:0 8px 6px -6px #57754b;position:fixed}.nav-content{display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1440px;width:100%}.nav-logo{color:#fcfcfc;display:inline-flex;flex-direction:column;font-size:2rem;font-weight:700;height:100%;justify-content:center}.nav-links__container{display:flex;margin-left:auto}.nav-link{display:inline-flex;flex-direction:column;height:100%;justify-content:center;margin:0 8px;text-decoration:none}.nav .nav-link__text{color:#fcfcfc;font-size:1.2rem;font-weight:300;margin:auto 0;padding:0 12px}.nav-link__background{background:#fcfcfc;height:2px;margin-top:-2px;transition:all .2s ease-in;width:0}.nav-link:hover .nav-link__background{width:100%}.nav-menu__icon{border-radius:5px;cursor:pointer;display:none;height:30px;margin:auto 0;transition:all .1s ease-in;width:30px}.nav-menu__icon div{background-color:#fcfcfc;height:2px;margin:0 auto;-webkit-transform-origin:left;transform-origin:left;transition:all .1s ease-in;width:100%}.nav-open .nav-menu__icon div:first-of-type{margin-left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px}.nav-open .nav-menu__icon div:nth-of-type(2){margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:40px}@media screen and (max-width:700px){.nav-open{-webkit-animation:nav-open .2s ease-in-out;animation:nav-open .2s ease-in-out;background-color:#57754b;height:100vh;position:fixed}.nav-open .nav-content{height:70px;margin-top:0}.nav-links__container{display:flex;flex-direction:column;left:0;position:absolute;top:70px;width:100%}.nav-link{height:60px}.nav-link>*{margin-left:auto;margin-right:auto}.nav-menu__icon{display:flex;flex-direction:column;justify-content:space-around}.nav-open .nav-menu__icon{justify-content:space-between}}@keyframes nav-enter-anim{0%{top:-70px}to{top:0}}@-webkit-keyframes nav-enter-anim{0%{top:-70px}to{top:0}}@keyframes nav-open{0%{height:70px}to{height:100vh}}@-webkit-keyframes nav-open{0%{height:70px}to{height:100vh}}.tombol-logout{background-color:initial;border:none;color:#fcfcfc;cursor:pointer;outline:none}.tombol-logout p{font-size:1.2rem;font-weight:100}footer{display:flex;height:70vh;padding:0 24px}footer>.container{display:flex;flex-direction:column;margin:auto}footer .row{margin:12px -12px}footer .row .col-30{margin:0 12px}.footer-text__title{color:#000;font-size:18px;font-weight:700;margin-bottom:48px}.footer-text__body{color:#707b8e;font-size:1.1rem;line-height:1.8;margin:8px 0}.footer-list{list-style-type:none;margin:0;padding:0}.footer-list li{margin:8px 0;transition:all .1s ease-in-out}.footer-list li:hover{margin-left:6px}.footer-list li a{color:#868c98;display:block;font-size:1.1rem;font-weight:300;text-decoration:none}.footer-input{display:flex}.footer-input input{background-color:#888;background:#f9f9fe;border:0;padding:10px 14px;width:160px}.footer-input__icon{background:#57754b;color:#fff;display:flex;font-size:1.5rem;padding:10px 14px}.copyright{color:#888;font-size:16px;font-weight:300;line-height:2;margin:0 auto}@media screen and (max-width:700px){footer{height:auto}footer .row{flex-direction:column}footer .row .col-30{margin:12px auto;width:calc(100% - 24px)}.footer-text__title{margin-bottom:12px}}.Searchfoodbycalories{background-color:#57754b;min-height:100vh}.namesearch{align-items:center;color:#fff}.Searchfoodbycalories{font-family:Nunito,sans-serif;margin-top:50px}.Searchfoodbycalories,.controls{align-items:center;display:flex;flex-direction:column}.controls{margin:2rem 0 1rem}.control{background-color:#888;background:#f9f9fe;border:0;margin-bottom:1rem;padding:.5rem;text-align:center}.control::-webkit-input-placeholder{font-family:Nunito,sans-serif}.control::placeholder{font-family:Nunito,sans-serif}.buttonsearchcalories{background-color:#f3f3f3;border:none;color:#57754b;font-family:Nunito,sans-serif;font-size:1rem;padding:.5rem 1rem}.buttonsearchcalories:hover{background-color:#7aa36a;cursor:pointer}.mainsearch{align-items:center;display:flex;flex-direction:column}.title{margin-bottom:2rem;text-align:center}.nutrients{align-items:center;background-color:#f3f3f3;border-radius:15px;color:#57754b;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:1rem;padding:1rem;text-align:center}.nutrients h1{margin-bottom:1rem}.nutrients ul{display:flex;flex-wrap:wrap;justify-content:center}.nutrients li{flex-basis:50%;margin-bottom:.5rem}.instruction{list-style:none;margin-bottom:.5rem;text-align:center}.meals{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.gambarimg{margin-bottom:1rem;width:100%}.articlecalories{background-color:#f3f3f3;border-radius:15px;box-shadow:0 4px 8px 2px rgba(77,77,77,.15);display:flex;flex-direction:column;margin:0 1rem 1rem;max-width:18rem;padding:2rem}.instructions{font-size:.9rem;margin-bottom:1rem}@media only screen and (max-width:550px){.meals,.nutrients ul{align-items:center;flex-direction:column}.nutrients ul{display:flex;width:100%}}@media only screen and (min-width:768px){.nutrients{align-items:center;display:flex;flex-direction:column;text-align:center}}#food-container,.background-food{background-color:#57754b;padding-bottom:30px}.teksLoading{align-items:center;display:flex;height:100px;justify-content:center;left:50%;position:fixed;top:50%}.loadingAnimation{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid #ccc;border-radius:50%;border-top-color:#000;height:50px;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.back-icon{border:1px solid #fff;border-radius:50%;color:wheat;font-size:xx-large;margin-left:50px;margin-top:30px;padding:8px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.back-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.main{margin:0 auto;text-align:center;width:80%}.heading h1{color:#fff;font-size:48px;font-weight:900;letter-spacing:1px;margin:1rem;padding-top:2rem}.search-bar{border:none;border-radius:1rem;height:40px;margin:1rem 0;max-width:400px;outline:none;padding:.3rem 1rem;width:100%}.buttonSearch{background-color:#57754b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin-left:18px;outline:none;padding:8px 12px}@media (max-width:768px){.buttonSearch{font-size:14px;margin-left:12px;padding:6px 10px}}@media (max-width:576px){.buttonSearch{font-size:12px;margin-left:8px;padding:4px 8px}}.container{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:25px auto;width:80%}.card{background-color:#fff;border-radius:1rem;overflow:hidden;padding:5px;position:relative;width:180px}.card:hover:after{background-color:rgba(0,0,0,.8);content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%}.card:hover:after,.card:hover:before{opacity:1}.card:hover:before{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;content:"View Details";font-size:18px;font-weight:700;left:50%;padding:10px 15px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}img{border-radius:1rem 1rem 0 0;width:100%}.card h3{color:#000;font-size:18px}.teksLoading{color:wheat;font-size:xx-large}.indexContainer{display:flex;flex-wrap:wrap;justify-content:center;margin:2.5rem 0}.indexTitle{color:#fff;font-size:24px;margin-bottom:1rem;text-align:center;width:100%}.numBox{align-items:center;background-color:#fff;color:#000;cursor:pointer;display:flex;height:40px;justify-content:center;margin:.5rem;transition:background-color .3s ease;width:50px}.numBox:hover{background:linear-gradient(180deg,#a8d8a7,#87a57f);color:#fff}@media (max-width:768px){.indexTitle{font-size:20px}}@media (max-width:576px){.indexTitle{font-size:18px}}.content{position:relative}.content img{border-radius:1rem;display:block;height:auto;margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px;width:100%}.content .inner-content{border:0 solid #000;border-radius:1rem}.content .inner-content,.inner-content{background-color:hsla(0,0%,100%,.8);box-shadow:0 5px 5px rgba(0,0,0,.5);color:green;font-size:18px;left:50%;margin-top:30px;padding:2rem;position:relative;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.inner-content{border-radius:10px}.recipe-details{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:2rem auto;max-width:70%;width:100%}.ingredients,.instructions{background-color:wheat;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.5);color:#57754b;flex-basis:100%;font-size:20px;margin-bottom:2rem;padding:1rem;text-align:center}.ingredients h4{font-size:18px;font-weight:700;margin-top:1.5rem;text-align:center}.video{margin-top:2rem;padding-bottom:56.25%;position:relative;width:100%}.video iframe{height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.numBox{font-size:12px;height:30px;width:40px}}@media (max-width:576px){.numBox{font-size:10px;height:25px;width:30px}}.login-container,.register-container{background:linear-gradient(180deg,#9dba91,#8bbd75,#57754b);border-radius:15px;display:flex;flex-direction:column;font-family:Jost,sans-serif;height:580px;justify-content:center;margin:35px auto 0;width:95%}.judul{color:#fff;display:flex;font-size:2.3em;font-weight:700;justify-content:center}.in{background:#e0dede;height:20px;margin:20px auto;padding:10px;width:60%}.in,.tombol{border:none;border-radius:5px;display:flex;justify-content:center;outline:none}.tombol{align-items:center;background:#718c66;color:#fff;cursor:pointer;font-size:1em;font-weight:700;height:40px;margin:10px auto;width:40%}.tombol:hover{background-color:#fff;color:#8bbd75}.label-text,.p-text{color:#fff;display:flex;justify-content:center}body,html{font-family:Nunito,sans-serif;font-size:16px;margin:0;overflow-x:hidden;padding:0;width:100%}main{z-index:100}#aboutus,#home{background-color:#57754b}#aboutus,#features,#home{display:flex;flex-direction:column;height:calc(100vh - 100px);padding:100px 24px}@media screen and (max-width:700px){#aboutus,#features,#home{height:auto;padding-bottom:80px;padding-top:80px}nav{width:100%}.section-carousel__images,.section-image,.section-image-features,.section-image__small{display:none}.section-text__title-centered{margin:0 auto;text-align:center}.service-cards{align-items:center;flex-direction:column}.service-card{margin:12px 0}.col-30,.col-50{padding:0;width:100%}}.section-text{min-width:300px}.section-text__title{color:#c05500;font-size:50px;font-weight:700;line-height:1.2;margin-bottom:40px;max-width:400px}.section-text__title-centered{color:#fcfcfc;font-size:50px;font-weight:700;line-height:1.2;margin:-20px auto 40px;max-width:600px;text-align:center}.section-text__title-big{color:#fcfcfc;font-size:4rem;font-weight:700;line-height:1.3;margin-bottom:24px;max-width:600px}.section-text__title-small{color:#23182c;font-size:24px;font-weight:600;line-height:1.2;margin-bottom:8px}.section-text__subtitle{color:#fcfcfc;font-size:1rem;margin-bottom:16px;text-transform:uppercase}.section-text__body{color:#fcfcfc;max-width:450px}.section-text__body,.section-text__desc{font-size:1rem;font-weight:400;line-height:30px;margin-bottom:15px}.section-text__desc{color:#707b8e;max-width:300px}.section-image img,.section-image__small img{height:130%;margin-right:20px;margin-top:-50px;object-fit:contain;object-position:center;width:130%}.section-image-features img{width:80%}@media screen and (max-width:700px){.section-image,.section-image-features,.section-image__small{display:none}}.feature-box{margin-bottom:32px}.service-cards{display:flex;justify-content:center;margin:0 auto}.service-card img{border-radius:25px;height:auto;margin-bottom:30px;width:60%}.service-card{background-color:#fff;border:none;border-radius:25px;display:flex;flex-direction:column;margin:12px 8px;padding:20px 18px;text-align:center;transition:all .1s ease-in}.service-card>*{margin:0 auto}@media screen and (max-width:700px){.service-cards{flex-direction:column}}.service-card__icon ion-icon{color:#5317a6;font-size:2rem}.section-carousel__images{display:flex}.section-carousel__image{margin:0 6px}@media screen and (max-width:700px){.section-carousel__images{left:0;position:relative;right:0}}.text-white{color:#fff}.row{align-items:center;display:flex;justify-content:space-around;padding:30px 0}.col-50{padding:0 14px;width:50%}.col-30{padding:0 14px;width:30%}@media screen and (max-width:700px){.section-carousel__images,.section-image-banner,.section-image-features,.section-image__small{display:none}}
/*# sourceMappingURL=main.a82408da.css.map*/