.header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:20px 0;position:relative}.header-container{max-width:1300px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo-container{display:flex;align-items:center;gap:10px}.logo{font-size:24px;font-weight:400;color:#422c18;text-decoration:none;font-family:Luckiest Guy,cursive;letter-spacing:.5px}.logo-img{width:80px}.nav{position:fixed;top:0;left:0;height:100vh;width:60%;max-width:400px;background-color:#fff;padding:40px;transform:translate(-100%);transition:transform .3s ease;z-index:1001;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.nav li{margin:0}.nav a{color:#422c18;font-family:Luckiest Guy,cursive;text-decoration:none;font-size:18px;transition:color .3s ease;display:block}.nav a:hover{color:#422c18}.burger{display:none;width:60px;height:45px;position:relative;border:none;background:none;cursor:pointer;z-index:1002;padding:0;transform:rotate(-180deg) scale(.5)}.burger span{display:block;position:absolute;height:9px;width:60px;background:#422c18;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:18px}.burger span:nth-child(3){top:36px}.burger.active span:nth-child(1){top:18px;transform:rotate(135deg)}.burger.active span:nth-child(2){opacity:0;left:-60px}.burger.active span:nth-child(3){top:18px;transform:rotate(-135deg)}.burger-close{display:block;margin-bottom:30px;align-self:flex-start}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;transition:opacity .3s ease}.nav-open{transform:translate(0)}@media (max-width: 768px){.burger{display:block}}@media (min-width: 769px){.nav{position:static;height:auto;width:auto;max-width:none;transform:none;padding:0;box-shadow:none;flex-direction:row}.nav ul{flex-direction:row;gap:30px}.nav a{font-size:16px;font-weight:700;display:inline}.burger,.overlay{display:none}}.footer{background-color:#422c18;border-top:1px solid #e0e0e0;padding:30px 0;margin-top:auto}.footer-container{max-width:1300px;margin:0 auto;padding:0 40px;text-align:center}.footer p{color:#fff;font-size:14px;font-family:Luckiest Guy,cursive;font-weight:400;letter-spacing:.5px}.article{padding:100px 40px;max-width:1300px;margin:0 auto;width:100%;color:#757c7e}.article h1,.article h2,.article h3,.article h4{color:#422c18;margin-bottom:20px}.article h1{font-size:36px;margin-bottom:.6em}.article h2{font-size:30px;margin-bottom:25px}.article h3{font-size:24px;margin-bottom:20px}.article h4{font-size:20px;margin-bottom:15px}.article p{line-height:1.6;margin-bottom:20px;font-family:Aleo,serif}.article img{max-width:100%;height:auto;margin:20px 0;display:block}.article ul,.article ol{margin:20px 0;padding-left:30px;font-family:Aleo,serif}li{line-height:1.6;font-family:Aleo,serif}.button-container{display:flex;justify-content:center}.button{display:inline-block;background-color:#5b9a42;color:#fff;padding:10px 20px;text-decoration:none;font-size:16px;cursor:pointer;border-radius:4px;transition:background-color .3s ease;margin:10px 10px 10px 0}.article .button:hover{background-color:#fc5640}figure{max-width:512px;margin:0 auto}hr{border:none;border-top:2px solid;margin:20px 0}p a,li a{text-decoration:none;color:#5b9a42}@media (max-width: 768px){.article{padding:60px 20px}.article h1{font-size:28px}.article h2{font-size:24px}.article h3{font-size:20px}.article h4{font-size:18px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Aleo,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#757c7e}#root{min-height:100vh;display:flex;flex-direction:column}