:root{color-scheme:light}@view-transition{navigation: auto;}html body main{view-transition-name:main}:active-view-transition-type(forward){&::view-transition-old(main){animation:.25s both slide-out-to-left}&::view-transition-new(main){animation:.25s both slide-in-from-right}}:root:where(.vtbag-vtt-forward){&::view-transition-old(main){animation:.25s both slide-out-to-left}&::view-transition-new(main){animation:.25s both slide-in-from-right}}:active-view-transition-type(backward){&::view-transition-old(main){animation:.25s both slide-out-to-right}&::view-transition-new(main){animation:.25s both slide-in-from-left}}:root:where(.vtbag-vtt-backward){&::view-transition-old(main){animation:.25s both slide-out-to-right}&::view-transition-new(main){animation:.25s both slide-in-from-left}}:active-view-transition-type(same)::view-transition-image-pair(main){animation:.25s same}:root:where(.vtbag-vtt-same)::view-transition-image-pair(main){animation:.25s same}:active-view-transition-type(turn){&::view-transition-old(main){transform-origin:top;animation:.5s both turn-out}&::view-transition-new(main){transform-origin:top;animation:.5s .5s both turn-in}}:root:where(.vtbag-vtt-turn){&::view-transition-old(main){transform-origin:top;animation:.5s both turn-out}&::view-transition-new(main){transform-origin:top;animation:.5s .5s both turn-in}}:active-view-transition-type(flip){&::view-transition-old(main){animation:.25s both flip-out}&::view-transition-new(main){animation:.25s .25s both flip-in}}:root:where(.vtbag-vtt-flip){&::view-transition-old(main){animation:.25s both flip-out}&::view-transition-new(main){animation:.25s .25s both flip-in}}@keyframes slide-out-to-left{to{transform:translate(-100%)}}@keyframes slide-out-to-right{to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}}@keyframes slide-in-from-right{0%{transform:translate(100%)}}@keyframes turn-out{to{transform:rotateX(90deg)}}@keyframes turn-in{0%{transform:rotateX(90deg)}}@keyframes flip-out{to{transform:rotateY(90deg)}}@keyframes flip-in{0%{transform:rotateY(90deg)}}@keyframes same{50%{transform:scale(0)}}header:where(.astro-izcbwpay){margin:0;padding:0 1em;background:#fff;box-shadow:0 2px 8px rgba(var(--black),5%)}h2:where(.astro-izcbwpay){margin:0;font-size:1em}h2:where(.astro-izcbwpay) a:where(.astro-izcbwpay),h2:where(.astro-izcbwpay) a:where(.astro-izcbwpay).active{text-decoration:none}nav:where(.astro-izcbwpay){display:flex;align-items:center;justify-content:space-between}nav:where(.astro-izcbwpay) a:where(.astro-izcbwpay){padding:1em .5em;color:var(--black);border-bottom:4px solid transparent;text-decoration:none}nav:where(.astro-izcbwpay) a:where(.astro-izcbwpay).active{text-decoration:none;border-bottom-color:var(--accent)}.social-links:where(.astro-izcbwpay),.social-links:where(.astro-izcbwpay) a:where(.astro-izcbwpay){display:flex}@media (max-width: 720px){.social-links:where(.astro-izcbwpay){display:none}}