:root{--faint-blue: rgb(231, 241, 253);--faint-green: rgb(240, 251, 234);--soft-blue: rgb(160, 198, 248);--soft-green: rgb(144, 220, 97);--dim-blue: rgb(77, 95, 117);--dim-green: rgb(93, 143, 63);--dark-blue: rgb(27, 34, 42);--dark-green: rgb(43, 66, 29);font-family:sans-serif;line-height:1.7;font-weight:400;color-scheme:light dark;color:var(--faint-blue);background-color:var(--dark-blue);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}.main-header{grid-area:header}.content{grid-area:content}.main-nav{grid-area:nav}.side{grid-area:sidebar}.main-footer{grid-area:footer}.current-page{color:var(--soft-blue)}.wrapper{display:grid;gap:1rem;grid-template-areas:"header" "nav" "content" "sidebar" "footer"}@media(min-width:800px){.wrapper{grid-template-columns:1fr 3fr;grid-template-areas:"header header" "nav nav" "sidebar content" "footer footer"}nav ul{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:.1rem 1rem}}@media(min-width:1000px){.wrapper{grid-template-columns:1fr 4fr 2fr;grid-template-areas:"header header header" "nav content sidebar" "nav content sidebar" "footer footer footer"}nav ul{flex-direction:column}}.main-header{padding:1rem;background-color:var(--dim-green);color:var(--faint-green);box-shadow:0 1px 5px var(--dark-green),inset -100px -100px 100px -100px var(--dark-blue);border-radius:0 0 50%}.main-header h1{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to right,var(--faint-blue) 0%,var(--faint-green) 5%,var(--faint-blue) 10%,var(--faint-green) 15%,var(--faint-blue) 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--faint-blue)}a{text-decoration:var(--soft-blue) solid underline .1rem;color:var(--soft-blue)}a:visited{text-decoration:var(--dim-green) solid underline .1rem;color:var(--dim-green)}a:hover{color:var(--faint-green);text-decoration:var(--faint-green) wavy underline .15rem}nav ul{list-style-type:none;padding:.2rem;margin:.5rem 0rem;width:100%}nav.main-nav ul{display:flex;flex-flow:row-wrap;justify-items:center;align-content:space-evenly;align-items:center;gap:.1rem}nav.main-nav ul li{justify-content:center;width:100%}nav.main-nav ul li a{text-align:center;display:inline-block;width:100%;padding:.25rem .3rem;border:1px solid var(--dim-blue);border-radius:.5rem;box-shadow:0 0 2px var(--soft-blue),0 0 2px var(--faint-blue) inset;transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,color .2s ease,font-weight .2s ease}nav.main-nav a{color:var(--faint-blue);text-decoration:none}nav.main-nav a.current-page{color:var(--dim-blue);text-decoration:none;font-weight:700;cursor:default}nav.main-nav a:hover{text-decoration:none;font-weight:700;box-shadow:0 0 10px var(--faint-blue) inset;border-color:var(--faint-green);background-color:var(--dim-blue);opacity:.8;color:#fff}.main-footer{padding:5rem 1rem 1rem;background-color:var(--dim-blue);box-shadow:inset 0 110px 100px -100px var(--faint-blue),inset -100px 100px 100px -100px var(--dark-blue);border-radius:25% 0 0}.copyright-notice{font-size:small;color:var(--soft-blue);padding-bottom:0;margin-bottom:0}main.content{display:flex;flex-flow:row wrap;justify-content:center;margin:1rem .1rem;padding:1rem 2rem;border-radius:1rem;box-shadow:2px 2px 5px var(--dim-blue) inset,2px 2px 5px var(--dark-green);background-color:var(--dark-blue);color:var(--faint-blue)}main.content p{max-width:65ch}aside.side{margin:1rem .1rem;padding:1rem 2rem;border-radius:1rem;box-shadow:2px 2px 5px var(--dim-blue) inset,2px 2px 5px var(--dark-green)}h1{font-size:clamp(1.5rem,4vw + 1rem,3rem)}h2{font-size:clamp(1.5rem,3vw + 1rem,2rem);margin:1.5rem 0 1rem}h3{font-size:clamp(1rem,2vw + 1rem,1.5rem);margin:1.5rem 0 1rem}h4{font-size:clamp(.9rem,1.9vw + 1rem,1.1rem);margin:1.5rem 0 1rem}h5{font-size:clamp(.8rem,1.7vw + 1rem,1rem);margin:1.5rem 0 1rem}h6{font-size:clamp(.7rem,1.5vw + 1rem,.9rem);margin:1.5rem 0 1rem}em{color:#fff;text-shadow:0 0 5px black;box-shadow:0 0 5px var(--dim-green),inset 0 0 5px var(--dim-green);border-radius:30% 2%}