body{background-color:#c19a6b;font-family:sans-serif;margin:auto;max-width:70ch;color:#5C4033;margin-left:auto;margin-top:50px;margin-bottom:50px}.title{text-align:center;margin-top:50px;font-size:2.5rem;font-weight:bold;color:#7c5c38;letter-spacing:2px}.floating-navbar{display:flex;justify-content:center;gap:2rem;background:#e5c9a5;padding:1rem 0;border-radius:8px;margin-bottom:2rem}.floating-navbar a{color:#5C4033;text-decoration:none;font-weight:bold;transition:color 0.2s}.floating-navbar a:hover{color:#a0522d;text-decoration:underline}.highlight-box{background:#f5e6d3;border-left:6px solid #a0522d;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:6px;font-size:1.1rem}.underline-primary{border-bottom:2px solid #a0522d;display:inline-block;color:#a0522d;padding-bottom:2px}.underline-secondary{border-bottom:2px dashed #7c5c38;display:inline-block;color:#7c5c38;padding-bottom:2px}mark{background:#ffe4b5;color:#5C4033;padding:0.1em 0.3em;border-radius:3px}.label-typing-box{margin:2rem 0;text-align:center}.typing-box{padding:0.5rem 1rem;border:1px solid #a0522d;border-radius:4px;background:#f5e6d3;color:#5C4033;font-size:1rem;margin-top:0.5rem}.card{background:#f5e6d3;border:1px solid #a0522d;border-radius:8px;padding:2rem;margin:2rem 0;text-align:center}take .btn-primary,.btn-secondary{padding:0.7em 1.5em;border:none;border-radius:4px;font-size:1rem;margin:0.5em;cursor:pointer;font-weight:bold;transition:background 0.2s, color 0.2s}.btn-primary{background:#a0522d;color:#fff}.btn-primary:hover{background:#7c5c38}.btn-secondary{background:#e5c9a5;color:#5C4033;border:1px solid #a0522d}.btn-secondary:hover{background:#c19a6b;color:#fff}footer{text-align:center;margin-top:3rem;color:#7c5c38;font-size:2rem;opacity:0.8}
