.navbar{background-color:#fff;padding:1rem 2rem;justify-content:space-between;border-bottom:2px solid #000;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.brand,.navbar{display:flex;align-items:center}.brand{gap:.75rem}.logo{font-size:1.8rem;font-family:Patrick Hand SC,cursive;color:#000}.nav-links a{background-color:#000;color:#fff;text-decoration:none;padding:.6rem 1.4rem;border-radius:6px;font-size:1rem;font-weight:500;transition:all .2s ease-in-out}.nav-links a:hover{opacity:.85}.nav-links{display:flex;list-style:none;gap:1rem}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.bar{width:25px;height:3px;background-color:#000;transition:.3s;border-radius:2px}@media (max-width:768px){.hamburger{display:flex;z-index:1001}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;align-items:center;position:fixed;top:70px;left:0;width:100vw;height:calc(100vh - 70px);background:#fff;gap:1.5rem;padding-top:2rem;z-index:999}.nav-links.open a{padding:.6rem 1.4rem;font-size:1rem;border-radius:6px}}.rotate1{transform:rotate(45deg) translate(5px,5px)}.fade{opacity:0}.rotate2{transform:rotate(-45deg) translate(6px,-6px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background-color:#ffffff;color:#000000}input,textarea{padding:.5rem;font-size:1rem;border:1px solid #000;border-radius:4px}button{background-color:#000;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}button:hover{opacity:.85;transition:all .2s ease-in-out}