:root{--color-primary:hsl(105, 40%, 90%);--color-secondary:hsl(105, 50%, 10%);--color-tertiary:hsl(165, 80%, 20%);--color-accent:hsl(45, 78%, 35%)}.dark{--color-primary:hsl(105, 50%, 10%);--color-secondary:hsl(105, 50%, 90%);--color-tertiary:hsl(165, 80%, 80%);--color-accent:hsl(45, 80%, 70%)}.social-links{display:block;padding-top:10px}.social-links svg{display:inline-block;width:30px;height:30px;fill:var(--color-secondary)}.social-links image{width:30px;height:30px}.social-links svg:hover{transform:rotate(.04turn);transition:var(--transition)}.bio{display:block}a svg{position:relative;display:inline-block}body{margin:0;font-family:'Courier New',Courier,monospace;line-height:1.6;color:var(--color-secondary);background-color:var(--color-primary);--transition:0.2s ease-in-out;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.container{display:grid;grid-template-columns:4fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "main   sidebar" "footer footer";gap:15px;margin:0 auto;padding:10px;min-height:100vh}header{grid-area:header;background-color:var(--color-tertiary);padding:10px;box-shadow:2px 2px 2px var(--color-tertiary);float:left;border-bottom-left-radius:5px;border-bottom-right-radius:5px}main{min-width:0;max-width:100%;grid-area:main;background-color:var(--color-primary);padding:15px;box-shadow:0 0 0 var(--color-accent);border-color:var(--color-secondary)}aside{min-width:0;max-width:100%;grid-area:sidebar;background-color:var(--color-primary);padding:15px;box-shadow:-1px 0 0 0 var(--color-tertiary);border-radius:1px;display:grid;grid-template-areas:"bio" "social-links" "search" "top-posts";gap:15px;align-self:self-start;max-height:120vh;overflow-y:auto;min-width:0;overflow-wrap:break-word}footer{grid-area:footer;color:var(--color-primary);padding:20px;text-align:center}header h1{margin:0;color:var(--color-primary);text-shadow:2px 2px 2px 2px var(--color-primary);text-align:left}nav ul{list-style:none;padding:0}nav ul li{text-decoration:none;display:inline;margin:0 10px;float:left;color:var(--color-primary)}nav li a:hover:not(.active){display:inline-block;background-color:var(--color-accent);transition:var(--transition);color:hsl(from var(--color-primary) h s calc(l + 2.5))}nav li a{text-decoration:none;color:var(--color-primary);padding-left:4px;padding-right:4px}.search h3{margin-top:10px;margin-bottom:10px}.active{text-decoration:underline;text-decoration-style:double;text-underline-offset:3px;font-weight:700}.articleTitle{margin:0;text-decoration:none;color:var(--color-secondary)}.articleTitle h1{margin:5px}.date{margin-top:10px;margin-bottom:10px;font-weight:700}.articleTitle:hover{text-decoration:underline}article{margin-bottom:20px;padding-bottom:10px}article a{font-weight:700;color:var(--color-accent)}article a:hover{color:hsl(from var(--color-accent) h s calc(l + 12.5))}article:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modeSwitch{float:right;border-radius:5px}.modeSwitch:hover{background-color:var(--color-accent);transition:var(--transition)}.errorPage{font-size:4rem;display:flex;justify-content:normal;flex-flow:column;align-items:center;text-decoration:none}.errorPage a:hover{scale:1.02;color:var(--color-tertiary)}img{object-fit:cover;max-width:100%;height:auto}hr{box-align:center;width:32em}.pagination{padding:20px;font-size:larger;font-weight:700;display:flex;justify-content:space-evenly}.pagination div a{color:var(--color-secondary);display:inline-block;padding-left:4px;padding-right:4px}.pagination div a:hover{transition:var(--transition);background-color:var(--color-accent)}.pageNumbers{font-weight:lighter;font-size:medium;flex-basis:max-content}@media (max-width:850px){.container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"header" "main" "sidebar" "footer";min-width:0;min-height:100vh;margin:0;padding:10px;box-sizing:border-box}footer,main{min-width:0}aside{overflow-y:auto;grid-template-rows:1fr 1fr 1fr;min-width:0}img{min-width:0;max-width:75%;height:auto}.modeSwitch{width:25px;height:25px}hr{width:13em}}.tags a{color:inherit;text-decoration:underline;color:var(--color-accent)}.tagTitle{color:var(--color-tertiary)}.giscus,.giscus-frame{display:inline-table;padding:0;margin:0}pre{max-width:90%;box-shadow:5px 5px 5px var(--color-secondary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow-x:auto}