*{box-sizing:border-box}body{padding:5px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.page-wrap{display:grid;grid-template-columns:1fr [page-header-start page-nav-start page-footer-start] 250px [page-nav-end page-main-start] 1000px [page-main-end page-aside-start] 250px [page-aside-end page-header-end page-footer-end] 1fr;grid-template-rows:[page-header-start] min-content [page-header-end page-nav-start page-aside-start page-main-start] 1fr [page-main-end page-nav-end page-aside-end page-footer-start] min-content [page-footer-end];gap:5px;& > * { font-family: CormorantGaramond; color: var(--color-secondary); border: 2px solid var(--color-tertiary); background: var(--color-primary); }}.page-header{display:flex;align-items:center;> label { margin: 1em; font-size: 2em; font-weight: 600; } > img { width: 7em; } padding: 0.25em 1em;grid-area:page-header}.page-nav{background:var(--color-secondary);grid-area:page-nav;display:flex;width:100%;flex-direction:row;justify-content:flex-start;align-items:center;padding:.25em}.page-nav>#nav-menu-toggle{display:none;flex:initial;cursor:pointer;align-self:stretch;align-items:center;padding:0 .75em}.page-nav>#nav-menu-toggle,.page-nav>#nav-menu-list>a{background:var(--color-tertiary);color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)inset,0 0 0 3px var(--color-secondary)inset,0 0 0 4px var(--color-primary)inset}.page-nav>#nav-menu-toggle:has(input:checked),.page-nav>#nav-menu-list>a:hover,.page-nav>#nav-menu-list>a.menuactive{background:var(--color-primary);color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-primary)inset,0 0 0 3px var(--color-secondary)inset,0 0 0 5px var(--color-primary)inset}.page-nav>#nav-menu-list{height:100%;display:flex;flex-direction:column;flex:1 0 auto;row-gap:.5em}.page-nav>#nav-menu-list>a{text-decoration:none;text-align:center;font-size:1.25em;font-weight:450;padding:calc(.3em + 3px)0}.page-aside{grid-area:page-aside;background:var(--color-secondary);color:var(--color-primary)}.page-main{grid-area:page-main;font-size:1.2em;padding:0 1em;text-align:justify;p { text-align: center; } img { height: 8em; } > h1 { text-align: center; } > h2 { text-align: center; }}.page-footer{text-align:center;padding:1em 0;grid-area:page-footer}.newsletter-div{display:flex;flex-direction:column;background:var(--color-tertiary);color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 0 0 3px var(--color-secondary),0 0 0 4px var(--color-primary);justify-content:center;align-items:center}.newsletter-heading{font-size:2.3em;font-weight:500;text-align:center}.newsletter-form{justify-content:center;align-items:center;display:flex;column-gap:5px;padding:0;> .newsletter-text-inputs { display: flex; flex-direction: column; > input { width: auto; font: inherit; background-color: var(--color-primary); font-weight: 500; color: var(--color-secondary); } > input::placeholder { font-weight: 400; } } > .newsletter-submit { > .button { cursor: pointer; font-size: 1.2em; font-weight: 400; } }}.button{height:3em;border-radius:0;background-color:#800;color:var(--color-primary);font:inherit;border:none;box-shadow:0 0 0 1px var(--color-primary),0 0 0 3px #800,0 0 0 4px var(--color-primary),0 0 0 5px transparent;margin:6px;&:hover { background-color:var(--color-primary); color:var(--color-secondary); box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #700,0 0 0 6px var(--color-primary); } &:active { background-color:color-mix(in oklab,var(--color-primary),black 10%); color:var(--color-secondary); box-shadow:0 0 0 2px color-mix(in oklab,var(--color-primary),black 10%),0 0 0 4px #600,0 0 0 6px var(color-primary); }}body{visibility:visible;opacity:1}