:root{--background-color: white;--background-light: white;--shadow-color: rgba(0, 0, 0, .2);--primary-color: rgb(255, 0, 86);--text-color: black;--text-light: #575757;--font-size: 16px;--animation-speed: 1}*{margin:0;padding:0;box-sizing:border-box}body{font-size:var(--font-size);font-family:Roboto,sans-serif;padding-top:55px;background-color:var(--background-light)}a{text-decoration:none;color:inherit}img{object-fit:cover}.btn{border:none;outline:none;background-color:var(--primary-color);color:#fff;padding:.75em 1em;text-transform:uppercase;font-size:1.1em;font-weight:700;letter-spacing:1px;border-radius:2px;box-shadow:0 2px 6px var(--shadow-color)}.btn:hover{box-shadow:0 1px 3px var(--shadow-color)}.custom-image{height:0;width:100%;position:relative}.custom-image img{position:absolute;top:0;left:0;width:100%;height:100%}.section{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:3vw}.section .title{color:var(--text-color);font-size:2.5em;margin-bottom:.25em;font-weight:900}.section .info{color:var(--text-light);font-size:1em;letter-spacing:1px;line-height:1.3;margin-bottom:1.25em}.section .col{width:50%}.section .about-link{width:100%;color:var(--text-color);font-size:2em;display:flex;justify-content:center;gap:5rem;margin-top:2rem}.main{padding-block:3vw}.container{padding-inline:18vw}.no-recipe{color:var(--primary-color);font-size:1.1em;letter-spacing:2px;line-height:1.7;margin-top:2em}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes popOut{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.navbar{height:55px;box-shadow:0 3px 6px var(--shadow-color);background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;text-shadow:0 1px 3px var(--shadow-color);top:0;z-index:998}.navbar .logo{font-size:1.5em;font-weight:bolder;color:var(--primary-color)}.navbar .logo span{color:var(--text-color)}.navbar .nav-links a{margin-left:1em;color:var(--text-light);letter-spacing:2px;text-transform:uppercase;position:relative;font-size:.9em}.navbar .nav-links a:before{content:"";display:inline-block;height:3px;width:100%;background-color:var(--primary-color);position:absolute;bottom:-3px;left:0;transform:scaleX(0);transition:transform calc(.2s * var(--animation-speed)) ease-in-out}.navbar .nav-links a:hover:before{transform:scaleX(1)}.navbar .nav-links a.active{color:var(--primary-color);font-weight:700}.navbar .sidebar-btn{height:28px;width:30px;position:relative;display:none}.navbar .sidebar-btn .bar{border-radius:5px;height:7px;width:100%;background-color:var(--text-color);position:absolute;transition:transform calc(.5s * var(--animation-speed))}.navbar .sidebar-btn .bar:nth-child(1){top:0}.navbar .sidebar-btn .bar:nth-child(2){top:50%;transform-origin:right;transform:scaleX(.8) translateY(-50%)}.navbar .sidebar-btn .bar:nth-child(3){top:100%;transform-origin:right;transform:scaleX(1.1) translateY(-100%)}.navbar .sidebar-btn.active .bar{transform-origin:center;top:50%}.navbar .sidebar-btn.active .bar:nth-child(1){transform:translateY(-50%) rotate(45deg)}.navbar .sidebar-btn.active .bar:nth-child(2){transform:translateY(-50%) scaleX(0)}.navbar .sidebar-btn.active .bar:nth-child(3){transform:translateY(-50%) scale(1) rotate(-45deg)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:300px;z-index:999;background-color:var(--background-color);box-shadow:0 0 0 100vw #0003,3px 0 5px var(--shadow-color);animation:calc(.3s * var(--animation-speed)) slideInLeft}.sidebar .sidebar-link{display:block;padding:.5em 1em;border-left:.5em solid transparent;margin-bottom:1em;color:var(--text-color);font-size:1.1em;transform:translate(-100%);animation:calc(.3s * var(--animation-speed)) slideInLeft forwards}.sidebar .sidebar-link:nth-child(1){animation-delay:.1s}.sidebar .sidebar-link:nth-child(2){animation-delay:.2s}.sidebar .sidebar-link:nth-child(3){animation-delay:.3s}.sidebar .sidebar-link:nth-child(4){animation-delay:.4s}.sidebar .sidebar-link.active{border-left-color:var(--primary-color)}.sidebar .sidebar-link:hover{border-left-color:var(--primary-color);background-color:#0000000d}.sidebar .sidebar-link svg{width:1.2em;margin-right:.5em}.section.hero .typography{padding-right:1em}.section.hero .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75vw}.section.hero .gallery .custom-image{border-radius:15px;overflow:hidden;transform:scale(0);opacity:0;animation:calc(1s * var(--animation-speed)) popOut forwards}.section.hero .gallery .custom-image:nth-child(1){animation-delay:.1s}.section.hero .gallery .custom-image:nth-child(2){animation-delay:.2s}.section.hero .gallery .custom-image:nth-child(3){animation-delay:.3s}.section.hero .gallery .custom-image:nth-child(4){animation-delay:.4s}.section.hero .gallery .custom-image:nth-child(5){animation-delay:.5s}.section.hero .gallery .custom-image:nth-child(6){animation-delay:.6s}.section.hero .gallery .custom-image:nth-child(7){animation-delay:.7s}.section.hero .gallery .custom-image:nth-child(8){animation-delay:.8s}.section.hero .gallery .custom-image:nth-child(9){animation-delay:.9s}.section.skills .col.img img{width:100%}.section.skills .col.typography{padding-left:1em}.section.skills .col.typography .skill-item{border-left:.25em solid var(--primary-color);margin-bottom:.5em;padding:.2em 0 .1em .5em;color:var(--text-light);font-weight:700;transform:translate(100%);opacity:0;animation:calc(1.5s * var(--animation-speed)) slideInRight forwards}.section.skills .col.typography .skill-item:nth-of-type(2){animation-delay:.2s}.section.skills .col.typography .skill-item:nth-of-type(3){animation-delay:.3s}.section.skills .col.typography .skill-item:nth-of-type(4){animation-delay:.4s}.section.skills .col.typography .skill-item:nth-of-type(5){animation-delay:.5s}.section.skills .btn{margin-top:.75em}.section.quote{display:block}.section.quote .quote-text{font-size:1.3em;line-height:1.2;color:var(--text-color)}.section.quote .quote-text svg{color:var(--primary-color);font-size:1.5em;margin-right:.5em}.section.quote .quote-author{color:var(--text-light);text-align:right;margin-top:1em}.section.chefs{display:block}.section.chefs .chef-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5em;margin-top:2em}.section.chefs .chef-card{display:flex;height:8em;background-color:var(--background-color);border-radius:10px;overflow:hidden}.section.chefs .chef-card img{height:100%;width:20vh;border-radius:10px;box-shadow:0 3px 6px var(--shadow-color)}.section.chefs .card-info{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:.5em;padding-left:1em;padding-top:.5em}.section.chefs .card-info .card-name{font-size:1.5em;font-weight:700;color:var(--text-color)}.section.chefs .card-info .card-count,.section.chefs .card-info .card-cuisine{font-size:1.2em;color:var(--text-light)}.section.chefs .card-info .card-icons{font-size:1.2em}.section.chefs .card-info .card-icons svg{margin-right:.5em}.section.chefs .card-info .card-icons svg:nth-of-type(1){color:#0063f7}.section.chefs .card-info .card-icons svg:nth-of-type(2){color:#13b4ff}.section.chefs .card-info .card-icons svg:nth-of-type(3){color:#ff0056}.footer{background-color:#0f0f0f;color:#fff;padding-block:2.5em;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:1em}.footer .footer-section p{opacity:.8;margin-bottom:1.5em}.footer .footer-section p.title{opacity:1;font-size:1.1em;font-weight:700;margin-bottom:1em}.previous-searches{display:block}.previous-searches h2{color:var(--text-color);margin-bottom:.5em}.previous-searches .previous-searches-container .search-item{background-color:var(--primary-color);display:inline-block;padding:.5em 1em;margin:0 1em 1em 0;color:#fff;border-radius:30px;box-shadow:0 3px 6px var(--shadow-color);transform:translate(100%);opacity:0;animation:calc(.5s * var(--animation-speed)) slideInRight forwards}.previous-searches .search-box{display:flex;align-items:center;justify-content:flex-end;height:35px}.previous-searches .search-box input,.previous-searches .search-box .btn{height:35px}.previous-searches .search-box input{min-width:250px;padding:0 .5em;border-radius:5px 0 0 5px;outline:none;border:1px solid #4d4d4d}.previous-searches .search-box .btn{padding-bottom:0;padding-inline:.75em;border-radius:0 5px 5px 0}.previous-searches .search-box .btn svg{transform:translateY(-.25em)}.recipe-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.5em}.recipe-card{border-radius:10px;overflow:hidden;box-shadow:0 5px 10px var(--shadow-color)}.recipe-card .recipe-card-info{padding:15px}.recipe-card .custom-image{z-index:-1}.recipe-card .author-img{height:70px;width:70px;border-radius:50%;border:3px solid var(--background-light);box-shadow:0 1px 3px var(--shadow-color);margin-top:-50px;z-index:2}.recipe-card .recipe-title{font-size:1.25em;font-weight:700;margin-bottom:.5em;margin-top:.25em;color:var(--text-color)}.recipe-card .recipe-desc{color:var(--text-light);font-size:.9em;letter-spacing:1px}.recipe-card .view-btn{font-size:1em;font-weight:700;color:var(--primary-color);margin-top:.75em;display:inline-block}.section.d-block{display:block}.options-container{box-shadow:0 5px 10px var(--shadow-color);padding:1em;border-radius:5px;border-left:.5em solid var(--primary-color);background-color:var(--background-light);margin-top:1em;display:flex;gap:1em}.options-container .option{height:3.5em;width:3.5em;box-shadow:0 3px 6px var(--shadow-color);border-radius:5px;display:flex;justify-content:center;align-items:center}.options-container .option.light{background-color:#fff}.options-container .option.dark{background-color:#1d1d1d}.options-container .option .check{height:2.5em;width:2.5em;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px var(--shadow-color)}.options-container .option .check svg{height:1.5em;width:1.5em}.options-container .btn span{display:inline-block;margin-left:.5em}.d-block h2{font-size:1.75em;color:var(--text-color)}@media screen and (max-width: 1280px){.container{padding-inline:14vw}}@media screen and (max-width: 1050px){.container{padding-inline:12vw}}@media screen and (max-width: 768px){.navbar .nav-links{display:none}.navbar .sidebar-btn{display:block}.section .col{width:100%;padding:0!important;text-align:center;margin-bottom:2em}.skill-item{display:inline-block;margin:.75em}.section.skills.btn{display:block;margin-left:50%;transform:translate(-50%)}.chef-card{box-shadow:0 5px 10px var(--shadow-color)}.container{padding-inline:6vw}.footer{grid-template-columns:repeat(4,1fr)}.footer .footer-section:nth-of-type(1){grid-column:span 4}.footer .footer-section:nth-of-type(2),.footer .footer-section:nth-of-type(3){grid-column:span 2}}@media screen and (max-width: 480px){.container{padding-inline:3vw}}