:root{--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--bg-secondary:#141418;--primary-color:#f93f23;--secondary-color:#8e8e8e;--lightOrange:rgba(249,63,35,0.5);--mainBlack:#333;--mainWhite:#f2f3ee;--mainTransition:all 0.5s linear;--mainSpacing:3px;--lightShadow:2px 5px 3px 0px rgba(0,0,0,0.5);--darkShadow:4px 10px 5px 0px rgba(0,0,0,0.5);--success-color:#28a745;--info-color:#0366d6;--danger-color:#de3c3c;--areaText:#333;font-size:16px}*{box-sizing:border-box;padding:0;margin:0}body,html{height:100vh;margin:0}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;background-color:#f2f3ee;background-color:var(--mainWhite)}a{text-decoration:none;color:#333;color:var(--mainBlack)}button{border:none}button:disabled{background-color:#fff}button,form,input{outline:none}li{list-style:none}h2{font-weight:200}.content{min-height:calc(100vh - 35px);margin:0 auto 150px;position:relative;overflow:hidden}.container{width:95%;margin:0 auto;overflow:none}.btn-primary{display:inline-block;text-decoration:none;letter-spacing:3px;letter-spacing:var(--mainSpacing);color:#f2f3ee;color:var(--mainWhite);padding:.4rem .9rem;border:3px solid #333;border:3px solid var(--mainBlack);-webkit-transition:all .5s linear;transition:all .5s linear;-webkit-transition:var(--mainTransition);transition:var(--mainTransition);text-transform:uppercase;cursor:pointer}.btn-primary:hover{background:transparent;color:var(--primaryColor)}.app-header{background:hsla(0,0%,100%,.85);box-shadow:3px 3px 10x #888}.app-header,.app-header h1{color:#f93f23;color:var(--primary-color)}.app-header .container{display:flex;flex-direction:column;justify-content:center}.app-header .container div{display:flex;justify-content:space-between;align-items:center}.app-header .container>div:first-of-type{margin:0;padding:1rem}.app-header .form-container,.app-header .logo{margin-top:1rem;width:100%}.app-header .form-container form{display:flex;width:100%;padding:1rem;border:0;font-size:1.8rem;overflow:hidden}.app-header .form-container form input[type=text]{padding:7px;width:100%;border:0;font-size:1.15rem}.app-header .form-container form>input[type=text]:focus{border-bottom:1px solid #f93f23;border-bottom:1px solid var(--primary-color)}.icon-search{font-size:1.5rem;cursor:pointer}.navbar{width:5rem;height:100vh;position:fixed;box-shadow:0 0 5px 0 #000;background:rgba(25,25,25,.97);-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out;z-index:1000}.navbar .navbar-nav{display:flex;flex-direction:column;align-items:center;list-style:none;height:100%}.navbar-nav>.nav-item{width:100%}.nav-link{display:flex;align-items:center;height:5rem;border-bottom:1px solid #4e4e4e;letter-spacing:1.6px;line-height:1.8rem;text-decoration:none;text-transform:uppercase;color:#f2f3ee;color:var(--mainWhite);-webkit-filter:grayscale(100%) opacity(.5);filter:grayscale(100%) opacity(.5);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.nav-link:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);background:#141418;background:var(--bg-secondary);color:#f93f23;color:var(--primary-color)}.navbar:hover .link-text{-webkit-transition:all .5s ease;transition:all .5s ease}.nav-link svg{min-width:2rem;margin:0 1.5rem;font-size:2rem;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.nav-link:hover svg{color:#f93f23;color:var(--primary-color)}.category-container{text-align:center;text-transform:uppercase}.category-container h2{font-size:2.5rem;line-height:4rem;letter-spacing:.3px;padding-bottom:2px}.category-container p{font-size:1rem;font-weight:500;margin:2rem auto 0;letter-spacing:1.3px;line-height:1.2;padding-bottom:5rem}.grid-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.grid-container .item{position:relative;display:flex;flex-direction:column;text-align:center;box-shadow:1px 1px 2px #ccc;border-radius:1rem}.grid-container .item h3{font-weight:200;margin:1rem}.grid-container .item h4{margin-bottom:5px}.grid-container .item p{font-size:14px;color:#8e8e8e;color:var(--secondary-color);font-weight:700;margin-bottom:20px}.grid-container .item img{width:100%}.grid-container .item:hover{background:rgba(0,0,0,.15)}.grid-container .item:hover img{opacity:.3}.grid-container .recipes-link{position:absolute;top:50%;left:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border:3px solid #f93f23;border:3px solid var(--primary-color);color:#333;color:var(--mainBlack)}.grid-container .item:hover .recipes-link{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.grid-container .item .recipes-link:hover{background-color:#f93f23;background-color:var(--primary-color)}section .container{position:relative;display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;padding:15px 10px}section .container.slide{margin-left:250px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}section .container.recipe-container div:first-of-type{display:flex;flex-direction:column}section .container.recipe-container div h3,ul.list-group-item{margin:2rem 0}section .container.recipe-container img{width:100%}section .container div:last-of-type{line-height:2;font-size:1.25rem;text-align:justify}button .btn-fav{position:absolute;top:0;right:0;color:rgba(0,0,0,.8);font-size:2rem;border:none;cursor:pointer;z-index:100}button .btn-fav.active{color:#e82e95}ul.list-group-item li{border:1px solid #476b2d;border-radius:5px;background-color:#fff;display:inline-block;color:#2d2013;font-weight:700;padding:5px;margin:0 5px 5px 0}.recipe-box-container{border:1px dashed #8e8e8e;border:1px dashed var(--secondary-color)}.recipe-box-container h2,.recipe-box-container span{font-weight:200;text-align:center;padding:2rem 0}.recipe-box-container span{display:block;color:#b6b6b6;color:var(--text-primary)}.info-no-result{text-align:center;font-size:1.5rem}.app-footer{background:#e4e6db;text-align:center;color:#333;color:var(--mainBlack);padding:10px;font-size:14px;height:50px;position:-webkit-sticky;position:sticky}.alert{padding:.75rem 1.25rem;text-transform:capitalize}.alert-danger{color:#de3c3c;color:var(--danger-color)}.alert-success{color:#28a745;color:var(--success-color)}.alert-info{color:#0366d6;color:var(--info-color)}.modal{position:fixed;z-index:1;left:0;top:100px;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:3% auto;text-align:center;max-width:400px;font-size:14px;line-height:20px;padding:12px 24px}@media(min-width:835px){section .container{grid-template-columns:repeat(2,1fr);grid-template-rows:[row] auto [row] auto;grid-gap:1rem}section .container div:first-of-type{grid-column:col/span 2;grid-row:row}ul.list-group-item{margin:0;grid-column:col 3/span 2;grid-row:row}section .container div:last-of-type{grid-column:col/span 4;grid-row:row 3}}@media(min-width:768px){.container{overflow:none;padding:.15rem}.app-header .container{flex-direction:row;justify-content:flex-start;padding:15px 10px}.app-header .container>div:first-of-type{border-right:1px solid #ccc}.app-header .form-container{margin-top:1rem;width:calc(100% - 300px)}.app-header .form-container form input[type=text]{padding:7px;width:100%;border:0;font-size:1.5rem}.grid-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-container .item .img{width:60px}.grid-container .item.favourite{max-width:255px}}.main-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.categorie-available{display:flex;position:absolute}.categorie-available>svg{align-self:center;margin-right:.15rem;color:#f93f23;color:var(--primary-color);font-size:1.75rem}.categorie-available span{font-size:.65rem;text-align:center;color:#f2f3ee;color:var(--mainWhite)}div[class^=area-]{box-shadow:0 0 .9rem rgba(0,0,0,.15);padding:.15rem;background-color:rgba(0,0,0,.8);text-align:center;border:1px solid #363835;color:#fff}div[class^=area-] svg{display:none}.landpage-container{padding-bottom:5rem;padding-top:0}.aspect-ratio-box,.main-content{position:relative;width:100%}.aspect-ratio-box{max-height:calc(100vh - 150px)}.aspect-ratio-box:after{display:block;content:"";padding-top:56.25%}.main-content img{width:100%;max-height:calc(100vh - 200px);overflow:hidden}.aspect-ratio-box img{position:absolute;left:0;top:0;width:100%;height:100%}.label{background-color:#f93f23;background-color:var(--primary-color);width:100%;padding:.25rem;display:flex;justify-content:center}.badge,.label{text-align:center;align-items:center}.badge{display:block;border-radius:50%;width:78px;height:78px;position:absolute;top:-40px;right:-40px;display:flex;background-color:rgba(0,0,0,.8);color:#fff}@media(max-width:360px){.app-header .form-container form input[type=text]{font-size:1rem}.grid-container{grid-template-columns:1fr}}@media only screen and (max-width:600px){.app-footer{display:none}.navbar{bottom:0;width:100vw;height:5rem}.nav-item.logo{display:none}.nav-item{max-width:105px}.navbar .navbar-nav{flex-direction:row;justify-content:space-around}.nav-link{flex-wrap:wrap;border-right:1px solid #4e4e4e;text-align:center;align-self:center}.link-text{font-size:.85rem}.nav-link{justify-content:center}.badge{top:0;right:0}.categorie-available{bottom:5rem}}@media only screen and (min-width:600px){.content{margin-left:5rem}.wrapper{margin-left:5.75rem;margin-right:.75rem}header{margin-left:5rem}header>div.content{margin-right:5rem}.navbar{top:0;width:5rem;height:100vh;overflow:hidden;-webkit-transition:all .5ms ease-in-out;transition:all .5ms ease-in-out}.navbar:hover{width:15rem}.navbar .nav-item.logo{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:rotate .15ms ease-in-out;transition:rotate .15ms ease-in-out}.navbar:hover .nav-item.logo{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.navbar:hover .link-text{display:inline-block;-webkit-transition:all .5s ease;transition:all .5s ease}header .nav-back{margin-right:auto;margin-left:8rem}.label{background-color:#f2f3ee;background-color:var(--mainWhite);width:320px;min-height:180px;position:absolute;bottom:20%;right:5%}div[class^=area-]{padding:.75rem;border-radius:3px}.categorie-available{bottom:0}.categorie-available span{font-size:.95rem}.category-container h2{font-size:3.8rem;line-height:3.2rem}.category-container p{font-size:1.3rem}}
/*# sourceMappingURL=main.4131d8fb.chunk.css.map */