@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Work+Sans:wght@300;400&display=swap";:root{--wood-grain-beige: #D4A373;--forest-green: #3e632a;--charcoal-gray: #333333;--soft-white: #FAF9F6;--rich-amber: #B78628;--font-header: "Montserrat", sans-serif;--font-body: "Work Sans", sans-serif;--timer: 1;--s: 100px;--c1: #ffffff;--c2: #5c5c5c}html{scroll-behavior:smooth;background-image:linear-gradient(339deg,rgba(47,47,47,.02) 0%,rgba(47,47,47,.02) 42%,transparent 42%,transparent 99%,rgba(17,17,17,.02) 99%,rgba(17,17,17,.02) 100%),linear-gradient(257deg,rgba(65,65,65,.02) 0%,rgba(65,65,65,.02) 11%,transparent 11%,transparent 92%,rgba(53,53,53,.02) 92%,rgba(53,53,53,.02) 100%),linear-gradient(191deg,rgba(5,5,5,.02) 0%,rgba(5,5,5,.02) 1%,transparent 1%,transparent 45%,rgba(19,19,19,.02) 45%,rgba(19,19,19,.02) 100%),linear-gradient(29deg,rgba(28,28,28,.02) 0%,rgba(28,28,28,.02) 33%,transparent 33%,transparent 40%,rgba(220,220,220,.02) 40%,rgba(220,220,220,.02) 100%),linear-gradient(90deg,#fff,#fff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--charcoal-gray);background-attachment:fixed;overflow-x:hidden}@media (hover: none){body{background-attachment:initial}}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:1;background-color:var(--charcoal-gray);color:var(--soft-white);padding:1rem;display:flex;justify-content:space-between;align-items:center}header h1{font-family:var(--font-header);margin:0}.hero{animation:1.5s fadeInUp;text-align:center;padding:2rem 1rem}.hero h2{font-family:var(--font-header);font-size:2.5rem;margin:.5rem 0}.hero p{font-size:1.25rem}.about{padding:2rem 1rem;text-align:center;background-color:var(--soft-white);color:var(--charcoal-gray)}.about h3{font-family:var(--font-header);font-size:2rem;margin-bottom:1rem}.footer{margin-top:auto;display:flex;justify-content:center;align-items:center;background-color:var(--charcoal-gray);color:var(--soft-white);padding:1rem}.box,.box2{color:var(--soft-white);padding:16px;width:70%;margin:0 auto;border-radius:15px;position:relative;overflow:hidden;animation:1.5s fadeInUp}.box{background-color:var(--charcoal-gray);box-shadow:-20px 10px #0000001a}.box2{animation:2.5s fadeInUp;color:var(--charcoal-gray)}.logo{height:40px;filter:invert(100%) sepia(0%) saturate(4178%) hue-rotate(183deg) brightness(115%) contrast(95%)}.skillet{height:50px;transform:translateY(10%);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation:skilletAnimate 2s 999999}.outdoors{overflow:auto;position:relative;background-size:cover}.social{animation:1.5s fadeInUp;display:flex;justify-content:center;align-items:center;gap:20px;margin:0 auto;width:100px;height:100px;filter:brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(15%) hue-rotate(167deg) brightness(102%) contrast(89%)}.project{animation:1.5s fadeInUp;border-radius:15px;display:grid;justify-content:center;align-items:center;justify-items:center;grid-template-columns:repeat(3,1fr);gap:100px;width:70%;margin:0 auto;padding-top:20px;padding-bottom:20px;transition:all .5s ease-in-out}.projecttab{animation:1.5s fadeInUp;border-radius:15px;margin:0 auto;width:300px;height:200px;flex-wrap:wrap;box-shadow:-20px 10px #0000001a;transition:transform .5s ease-in-out,box-shadow .3s ease-in-out;object-fit:cover;image-rendering:auto}.projecttab:hover{transform:scale(1.1);box-shadow:0 8px 16px #0003;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),box-shadow .3s ease-in-out}.project-item{text-align:center}.project-label{font-size:16px;font-weight:700;margin-bottom:10px}@media (max-width: 1200px){.project{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.project{grid-template-columns:repeat(1,1fr)}}@keyframes skilletAnimate{0%{rotate:0deg}25%{rotate:30 deg}50%{rotate:0deg}75%{rotate:-15deg}to{rotate:0deg}}.wavy{animation-name:wavy;animation-duration:1.3s;animation-timing-function:ease;animation-iteration-count:infinite;position:relative;top:0;left:0;text-shadow:var(--charcoal-gray) -10px 10px 20px}@keyframes wavy{0%{top:0}50%{top:-15px}to{top:0}}header nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}header nav ul li a{background-color:var(--charcoal-gray);text-decoration:none;color:var(--soft-white);font-weight:700}*.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle{display:none;background:none;border:none;color:var(--soft-white);font-size:1.5rem;cursor:pointer}.nav-menu{display:flex;transition:none}.nav-menu ul{list-style:none;display:flex;gap:1rem;margin:3px;padding:3px}.nav-menu a{color:var(--soft-white);text-decoration:none}.nav-menu.open{display:block;animation:none}.nav-menu.open ul{animation:none}@media (max-width: 768px){.menu-toggle{display:block}.nav-menu{display:none;flex-direction:column;position:absolute;top:calc(100% + .5rem);right:1rem;background-color:var(--charcoal-gray);border-radius:8px;width:max-content;padding:.5rem 1rem;z-index:10;box-shadow:-20px 10px #0000001a}.nav-menu.open{display:flex;animation:none}.nav-menu ul{flex-direction:column;gap:1rem}.nav-menu a{text-align:center}}@keyframes fadeIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slider-box{color:#333;margin:auto;border-radius:15px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;max-width:90%;padding:2rem 1rem;animation:1.5s fadeInUp}.slider{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;max-width:1200px;height:400px;margin:auto}.slides{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.slide{position:absolute;width:300px;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s ease,filter .5s ease,opacity .5s ease;filter:blur(5px);opacity:.9;border-radius:15px}.slide.active{transform:translate(0) scale(1.1);filter:blur(0);opacity:1;z-index:2}.slide.passed{transform:translate(calc(-140% + var(--index-offset)));z-index:calc(5 + var(--relative-index))}.slide.upcoming{transform:translate(calc(110% + var(--index-offset)));z-index:calc(5 - var(--relative-index))}@media (max-width: 768px){.slide{flex:0 0 auto}.slider{aspect-ratio:1 / 1}}@media (hover: none){.slider{box-shadow:none}}@keyframes fadeInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.foodgallery{display:grid;grid-template-columns:repeat(3,1fr);gap:100px;width:70%;margin:0 auto;padding-top:20px;padding-bottom:20px;justify-content:center;align-items:center;justify-items:center}ul{list-style-type:none}.foodimg{border-radius:15px;object-fit:cover;width:400px;height:400px;box-shadow:-20px 10px #0000001a;transition:transform .5s ease-in-out,box-shadow .3s ease-in-out}.foodimg:hover{transform:scale(1.1);box-shadow:0 8px 16px #0003;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),box-shadow .3s ease-in-out}.note-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.note-modal{position:relative;background-color:transparent;border:none;outline:none;width:70%;height:400px;display:flex;justify-content:center;align-items:center;border-radius:8px;box-shadow:none;max-width:1000px;overflow:auto}.note-card{background-color:#fffbe7;border:1px solid #d3d3d3;border-radius:8px;width:90%;height:90%;box-shadow:0 4px 8px #0000001a;position:relative;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-family:Courier New,Courier,monospace;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;box-shadow:-20px 10px #0000001a;background:repeating-linear-gradient(#fff,#fff 22px,#ececec 23px,#ececec 25px);background-attachment:local;background-size:100% 25px;background-position:0 0;backface-visibility:hidden;perspective:1000px}.note-card::-webkit-scrollbar{display:none}.note-card h2,.note-card p{margin:0;line-height:25px;width:100%;padding-left:16px;box-sizing:border-box}.note-card h2{margin-bottom:8px;text-decoration:underline;padding-top:12px}.note-card p{margin-bottom:-18px;padding-top:18px}.note-card h3{margin-bottom:-16px;padding-top:8px;font-weight:700}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%;justify-content:center;align-items:start;padding-top:16px}.close-icon{position:absolute;top:5px;right:10px;font-size:24px;font-weight:700;color:#ff4b4b;cursor:pointer;transition:color .3s ease}.close-icon:hover{color:red}@media (max-width: 1400px){.foodgallery{grid-template-columns:repeat(2,1fr)}.foodimg{width:350px;height:350px}}@media (max-width: 800px){.foodgallery{grid-template-columns:repeat(1,1fr)}.recipe-grid{grid-template-columns:repeat(1,1fr);padding-top:10px}.foodimg{width:300px;height:300px}}
