html,body,:root{--primaryTextColor: #bf6200;--primaryInvertedTextColor: #faca98;--paragraphTextColor: #7F4100;font-family:Arial,sans-serif}body{min-height:100vh;background:radial-gradient(ellipse at 0% 33%,#fffbfa 0% 25%,#fff8ad 75% 100%);background-attachment:fixed}.title{color:var(--primaryTextColor);font-size:48px;text-shadow:3px 3px 6px rgba(0,0,0,.25);font-weight:400;margin-left:.5cm}nav{display:flex;align-items:center;flex-wrap:wrap}nav .menu-toggle{display:none}nav .links{display:flex;align-items:center}nav a{color:var(--primaryTextColor);padding:.5cm;text-decoration:none;position:relative;text-align:center;min-width:max-content;width:max-content;transition:color .2s;display:inline-flex;flex-direction:column;align-items:center}nav a:before{content:attr(data-text);font-weight:600;height:0;visibility:hidden;overflow:hidden;pointer-events:none}nav a:after{content:"";position:absolute;bottom:4px;left:.5cm;right:.5cm;height:2px;background:var(--primaryTextColor);border-radius:2px;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}nav a:hover:after{transform:scaleX(1)}nav a.active{font-weight:600}nav a.active:after{transform:scaleX(1)}@media(max-width:600px){nav{justify-content:space-between}nav .menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;margin:.5cm}nav .menu-toggle span{display:block;height:2px;background:var(--primaryTextColor);border-radius:2px;transition:transform .2s,opacity .2s}nav .menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}nav .menu-toggle.open span:nth-child(2){opacity:0}nav .menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}nav .links{display:none;width:100%;flex-direction:column;align-items:flex-start}nav .links.open{display:flex}nav .links a{width:100%;min-width:unset;padding:.4cm .5cm}nav .links a:after{bottom:2px}}section.page{color:var(--paragraphTextColor);padding:.5cm;margin:.5cm;border:1px solid var(--paragraphTextColor)}section.page h1{font-size:30px;font-weight:400;padding-top:0;margin-top:0}aside.left{float:left;margin-right:1.5rem;display:flex;flex-direction:column;gap:.5rem}.page{min-height:350px;line-height:140%}section.page a{color:var(--primaryTextColor);font-style:italic;text-decoration:none;text-shadow:1px 1px 1px rgba(0,0,0,.25);padding:.1cm 0;border-radius:4px;transition:background-color .2s ease}section.page a:hover{background-color:var(--primaryInvertedTextColor)}