body{font-family:Roboto,sans-serif;font-size:1.2rem;line-height:1.5;margin:0;padding:0;box-sizing:border-box;background-color:#fff}h1,h2,h3,h4,h5,h6{line-height:1.2}p{line-height:1.6}img{max-width:100%}.wrapper{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;background-color:#222;color:#fff}.logo{display:flex;margin:1.5rem 0 0 1.5rem;text-decoration:none;color:inherit}.logo .title{font-size:clamp(1.7rem,2vw,2.65rem);padding-left:.5rem}.hero{display:flex;align-items:center;justify-content:center}.topBar{overflow:hidden;background-color:#222}.topBar a{float:right;display:block;color:#f2f2f2;text-align:center;padding:1rem;text-decoration:none;font-size:clamp(1rem,2vw,1.3rem)}.topBar a:hover{background-color:#eaf4f4;color:#000}.topBar .icon,.topBar a{display:none}.topBar a.icon{float:right;display:block}.topBar.mobile{position:relative}.topBar.mobile .icon{position:absolute;right:0;top:0}.topBar.mobile a{float:none;display:block;text-align:left}.container{display:flex;align-items:center;justify-content:center;padding:1rem;flex:1}.mainContent{flex:1}.content{width:80%;max-width:1200px;margin:0 auto;padding:1rem}.sectionContainer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.recipeCard{width:100%;margin:.5rem;background-color:#e3d5ca;padding:1rem;box-sizing:border-box;border-radius:.7rem;box-shadow:0 0 .625rem #8a817ccc;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.recipeCard:hover{transform:translateY(-.7rem);box-shadow:0 0 1.25rem #d5bdaf}.recipeCard img{width:100%;border-radius:.7rem}.cardFooter{display:flex;justify-content:space-between;align-items:self-end}.iconContainer{display:flex;gap:.5rem;margin:.5rem}.fa{cursor:pointer;-webkit-user-select:none;user-select:none}.greenChoice{color:#586f6b}.fa-heart{color:#e5383b}.articleCard{display:flex;flex-direction:column;overflow:hidden;border-radius:.7rem;box-shadow:0 .25rem .5rem #d5bdafcc;color:inherit;background-color:#edede9;margin:1rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.articleCard:hover{transform:translateY(-.7rem);box-shadow:0 0 1.25rem #d5bdaf}.articleCard article{display:flex;flex-direction:column;width:100%}.articleCard picture{width:100%}.articleCard img{width:100%;height:auto;border-radius:.7rem}.articleContent{padding:1rem}.authorCard{display:flex;flex-direction:column;overflow:hidden;border-radius:.7rem;box-shadow:0 .25rem .5rem #933a6bcc;color:inherit;background-color:#e0b1cb;margin:1rem}.authorCard article{display:flex;flex-direction:column;width:100%}.authorCard picture{width:100%}.authorCard img{width:100%;height:auto;border-radius:50%;padding:.3rem}.articleContent .fa{color:#933a6b;margin:.3rem}.highlight{font-weight:600}.sectionTitle{font-size:clamp(1.75rem,2vw,2.1rem);display:flex;justify-content:center}.articleContainer{display:flex;align-items:center;justify-content:center;padding:1rem;max-width:1200px;margin:0 auto}.articleContainer h1{text-align:center;padding:.5rem}.textContent{margin:1rem 2rem}.textContent li,p{font-size:clamp(1rem,2.5vw,1.1rem)}.textContent ul{list-style-type:circle}.textContent a{text-decoration:none;color:#4a6459}.textIntro{font-weight:400;font-style:italic;font-size:clamp(1.2rem,2vw,1.5rem)}.imageContainer{display:flex;align-items:center;justify-content:center;gap:1rem}.imageContainer img{border-radius:.7rem;box-shadow:0 .25rem .5rem #edede980}.topContainer{display:flex;align-items:center;justify-content:center;flex-direction:column}.topContainer picture{display:none}.topContainer img{width:100%;height:auto;border-radius:.7rem;box-shadow:0 .25rem .5rem #edede980}.topContainer picture.active{display:block}.ingredients{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:clamp(1.2rem,2vw,1.4rem);padding:1rem;margin:1rem;border-radius:.7rem;box-shadow:0 .25rem .5rem #d6ccc2cc;background-color:#e3d5ca;width:60%}.ingredients h3{margin:0}.ingredients .amount{font-weight:700}.ingredients ul{list-style-type:circle}.ingredients li::marker,.textContent li::marker{font-weight:700;font-size:2rem;position:absolute;left:0}ol.howList{list-style:none;counter-reset:list-counter;padding:0}ol.howList li{margin-bottom:1rem;position:relative;padding-left:2rem}ol.howList li:before{content:counter(list-counter)".";counter-increment:list-counter;font-weight:700;font-size:1.5rem;position:absolute;left:0}.inList{font-weight:400;font-style:italic}.category{display:none}.category.active{display:flex;flex-direction:column;align-items:center}.formGroup{display:flex;flex-direction:column;margin-bottom:1rem}.formContainer{display:flex;flex-direction:column;border-radius:.25rem;box-shadow:0 .25rem .5rem #bfd5e3;background-color:#eff4f8;width:80%;margin:0 auto;padding:1rem}.formGroup button{margin-left:auto}.content h2{text-align:center}input[type=text],textarea{width:100%;padding:1rem;border:.05rem solid #ccc;border-radius:.25rem;box-sizing:border-box;resize:vertical;font-size:large}label{margin-bottom:.5rem;padding:.75rem .75rem .75rem 0;display:inline-block;font-weight:700}.info{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.5rem;color:#222}.info i{margin-right:.5rem;color:#468faf;font-size:1.5rem}.info span{font-size:1.1rem}.button{background-color:#5a7a50;border:none;border-radius:.7rem;color:#fff;padding:1rem 2rem;font-size:clamp(1.2rem,2vw,1.5rem);text-align:center;text-decoration:none;display:inline-block;cursor:pointer;box-shadow:0 .25rem .5rem #6f8a66}.button:hover{background-color:#325925}.addButton{display:inline-block;border-radius:1rem;background-color:#f5ebe0;box-shadow:0 0 .625rem #d5bdafcc;color:#222;text-align:center;font-size:clamp(1.4rem,2vw,2.1rem);padding:1.25rem;width:100%;max-width:16rem;transition:all .5s;cursor:pointer;margin:.5rem;text-decoration:none}.addButton span,.goToButton span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.addButton span:after,.goToButton span:after{content:"»";position:absolute;opacity:0;top:0;right:-1.25rem;transition:.5s}.addButton:hover span,.goToButton:hover span{padding-right:1.5rem}.addButton:hover span:after,.goToButton:hover span:after{opacity:1;right:0}.addButton:focus,.goToButton:focus{outline:2px solid #FFFFFF;outline-offset:4px}.goToButton{display:inline-block;border-radius:1rem;background-color:#eaf4f4;box-shadow:0 .25rem .5rem #6f8a66;color:#222;text-align:center;font-size:clamp(1.1rem,2vw,1.5rem);padding:1.5rem;width:auto;max-width:12rem;transition:all .5s;cursor:pointer;margin:.5rem;text-decoration:none}.tag{background-color:#cce3de;border-radius:1rem;cursor:pointer;text-decoration:none;box-shadow:0 0 .625rem #a4c3b2;color:#222;font-size:clamp(1rem,1vw,1.2rem);padding:.5rem;margin:.5rem;border:1px solid #A4C3B2}.tag:hover{background-color:#6b9080}.tooltip{position:relative;display:inline-block}.tooltip .tooltipText{visibility:hidden;width:8rem;background-color:#6b9080e6;color:#222;text-align:center;border-radius:.4rem;padding:.3rem 0;position:absolute;z-index:1;top:-.3rem;right:105%}.tooltip:hover .tooltipText{visibility:visible}.alert{padding:1rem;margin-bottom:1.25rem;border-radius:.25rem;text-align:end}.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}#message{display:none}.message{margin-left:auto}.infoBox{display:flex;align-items:center;justify-content:center}.desktopOnly,.visually-hidden{display:none}.stripedList{list-style-type:none;padding:0;width:80%;margin:0 auto}.stripedList li{padding:10px;font-size:1.2rem}.stripedList a{text-decoration:none;color:#4a6459}.stripedList li:nth-child(odd){background-color:#eaf4f4}.stripedList li:nth-child(2n){background-color:#fff}.footer{display:flex;flex-direction:column;background-color:#222;color:#fff;bottom:0;width:auto;padding:2rem 3rem}.footerLogo{display:flex;margin-right:2rem;padding-right:1rem;font-size:clamp(1.1rem,2vw,1.3rem);text-decoration:none;color:#fff}.footerLogo img{margin:1rem .1rem 0 0}.footerLinks{padding:0 0 1rem 1rem}.footerLinks a{display:flex;text-decoration:none;color:#fff}@media (min-width: 769px){body{font-size:1.3rem;line-height:1.5}.recipeCard{width:calc(45% - 20px)}.ingredients{width:80%}.textContent{margin:1rem 4rem}.iconContainer{gap:.8rem}}@media screen and (min-width: 1201px){body{font-size:1.1rem;line-height:1.5}.topBar{padding-right:5rem}.topBar a{display:block}.topBar a.icon{display:none}.logo{display:flex;margin:3rem 0 0 3rem}.tag{margin:1rem;padding:1rem}.recipeCard{width:calc(33.33% - 20px)}.articleCard,.authorCard{flex-direction:row;width:calc(45% - 20px)}.articleCard article,.authorCard article{flex-direction:row;width:100%}.articleCard picture,.articleCard img{height:auto;padding-top:.3rem}.authorCard picture,.authorCard img{height:auto}.articleContent{width:50%}.articleContent .fa{color:#933a6b;margin:.5rem}.articleContainer h1{text-align:center;padding:1rem}.textContent{margin:2rem 4rem}.topContainer{flex-direction:row;align-items:stretch}.ingredients{width:auto;height:inherit}.formGroup{flex-direction:row;align-items:center}label{flex:1;margin-bottom:0;padding-right:1rem;text-align:right}input[type=text],textarea{flex:3;font-size:x-large}.addButton{padding:1.5rem}.desktopOnly{display:flex}.footer{flex-direction:row}.footerLogo{margin-right:3rem;padding-right:1rem}.footerLogo img{margin:0 .5rem 0 0}.footerLinks a{padding-right:1rem}}