header nav{height:50px;border-bottom:1px solid #555;display:flex;align-items:center;justify-content:space-between;padding-inline:100px;background-color:#7f21eb}header nav a{position:relative;text-decoration:none;color:#f3f3f3}header nav a:after{position:absolute;content:"";left:0;bottom:-5px;width:0;height:2px;background-color:#eded07;transform-origin:left;transition:all .4s ease}header nav a:hover{color:#eded07}header nav a:hover:after{width:100%}header nav a.active{color:#eded07}header nav a.active:after{width:100%}.logo-container{font-weight:500;cursor:pointer;font-family:Bigelow Rules;color:#eded07}.logo-container span{font-weight:500;font-size:30px;cursor:pointer}.container__navLink{width:20rem;display:flex;justify-content:space-evenly}.container__navLink{gap:.5rem}.dark-mode{background-color:#1e1d1d;color:#fff}.light-mode{background-color:#fff;color:#000}.switch{position:relative;display:grid;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3c5163}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.container__image{position:relative;height:calc(100vh - 50px);z-index:1}.bg-image{width:100%;max-height:100%;margin:5px}.labor{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#110e0e;opacity:.2;z-index:2}.container__information{position:absolute;top:20%;left:50%;transform:translate(-50%,50%);z-index:3;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.container__information h1{all:unset;font-weight:700;font-size:5rem}.container__information p{font-size:2rem;font-style:italic}.container__information button{all:unset;background-color:#110e0e;padding:13px;margin:15px 0;color:#fff;font-size:1.2rem}.container__information button:hover{color:#eded07;cursor:pointer}.app{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:-100vh;margin:10px;background-image:url(https://media.istockphoto.com/id/1502123811/sv/foto/lose-weight-fat-diet-and-scale-feet-standing-on-electronic-scales-for-weight-control.jpg?s=612x612&w=0&k=20&c=uPOy4veWVPmcfcGDjAVieBwJqZ_T4LbcqWMc6ddRVsg=);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}.container{box-shadow:0 0 12px #ccc;border-radius:8px;padding:1rem}input{width:100%;font-size:1.2rem;padding:8px 4px;margin:8px 0;border-radius:8px}.btn{display:block;width:100%;font-size:1.2rem;margin:8px 0;padding:10px 0;background-color:#333;color:#fff;border:1px solid #333;border-radius:8px;cursor:pointer}.btn-outline{background-color:#fff;color:#333}.center{text-align:center;margin:24px 0}p{margin:10px 0}.img-container{text-align:center}.img-container img{height:200px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container__image__bim{height:215px;width:75%;margin-inline:auto}.container__image__bim img{width:100%;max-height:100%;background-size:cover}.App{display:flex;align-items:center;flex-direction:column;background-image:url(https://images.pexels.com/photos/349610/pexels-photo-349610.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}.controls{display:flex;align-items:center;flex-direction:column}.body{display:flex;flex-direction:column;min-height:100vh}.footer{background-color:#333;color:#fff;padding:1rem;margin-top:auto;text-align:center}nav{align-items:center;justify-content:center;margin-bottom:var(--space-10);padding:2rem;gap:1rem}.recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1024px;margin:0 auto;padding:0 1rem}@media (max-width: 600px){.recipes{grid-template-columns:1fr}}.recipe-card{padding:16px;border:1px solid #ccc;text-align:center}@media (max-width: 600px){.recipe-card{grid-template-columns:1fr}.recipe-card .recipe__img{height:220px}}.loading__wrapper{height:100vh;display:flex;justify-content:center}.lds-roller{display:inline-block;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#000000;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f3f3f3}.App,.controls{display:flex;align-items:center;flex-direction:column}input{text-align:center;padding:.5rem;margin-bottom:1rem}button{width:100%;padding:.5rem 1rem;background-color:#7f21eb;color:#f3f3f3;border:none;font-family:Roboto,sans-serif;font-size:1rem}button:hover{background-color:#6c13d1;cursor:pointer}main{display:flex;flex-direction:column;align-items:center}h1{text-align:center;margin:2rem 0 1rem}.nutrients ul{display:flex;width:35rem;justify-content:space-evenly}.meals{display:flex}img{width:100%}article{display:flex;flex-direction:column;padding:2rem;margin:0 1rem;max-width:300px;box-shadow:0 4px 8px 2px #4d4d4d26}ul{list-style:none}.instructions{font-size:.9rem;margin-bottom:1rem}@media only screen and (max-width: 1024px){.meals{flex-direction:column;align-items:center}.nutrients ul{display:flex;flex-direction:column;align-items:center;width:100%}.logo-container{align-items:end}}