*{
  margin:0;
  padding:0;
  box-sizing:border-box;

}
/* Header styling */
#page-header {
    position: fixed;          /* stays at top always */
    top: 0;
    left: 0;
    width: 100%;              /* full width */
    display: flex;            /* align content horizontally */
    justify-content: flex-end; /* left: name, right: button */
    align-items: center;      /* vertical centering */
    padding: 1rem 2rem;
    background: var(--bg);    /* adapts to light/dark mode */
    color: var(--text);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    z-index: 1000;
}

/* Push page content below header */
main {
    margin-top: 80px; /* equal to header height to avoid overlap */
}

/* Button styling */
#theme-toggle {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    cursor: pointer;
    border: 1px solid var(--text);
    border-radius: 4px;
    background: var(--bg);
    color: var(--text);
}

:root{
  --bg:#ffffff;
  --text:#111111;

}
[data-theme="dark"]
{
  --bg:#0f0f0f;
  --text:#eaeaea;
}
body {
  font-family:system-ui,'Times New Roman';
  background:var(--bg);
  color:var(--text);
}
section{
  margin-bottom:4rem;

}
h1{
  font-size:2.5rem;
}
h2{
  font-size:1.5rem;
  margin-bottom:0.75rem;

}
p{line-height:1.6}