@font-face{font-family:OpenSans;src:local("Open Sans Regular"),url("../fonts/OpenSans-Regular.ttf") format("TrueType");font-weight:400}@font-face{font-family:OpenSans;src:local("Open Sans Bold"),url("../fonts/OpenSans-Bold.ttf") format("TrueType");font-weight:800}@font-face{font-family:OpenSans;src:local("Open Sans ExtraBold"),url("../fonts/OpenSans-ExtraBold.ttf") format("TrueType");font-weight:900}@font-face{font-family:OpenSans;src:local("Open Sans Light"),url("../fonts/OpenSans-Light.ttf") format("TrueType");font-weight:200}@font-face{font-family:OpenSans;src:local("Open Sans Medium"),url("../fonts/OpenSans-Medium.ttf") format("TrueType");font-weight:500}@font-face{font-family:OpenSans;src:local("Open Sans SemiBold"),url("../fonts/OpenSans-SemiBold.ttf") format("TrueType");font-weight:600}:root{color-scheme:light dark}*{padding:0;margin:0;border:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{position:relative;background:#fff;font-family:OpenSans,Helvetica,sans-serif;font-size:100%;line-height:1.3em;letter-spacing:.01rem;color:#000;font-weight:400;text-rendering:optimizeLegibility}@media(prefers-color-scheme: dark){body{background:#2b2b2f;color:#d3d3d3}}#wrap{max-width:960px;padding:0 20px;height:100vh;height:100dvh;margin:0 auto;display:grid;grid-template-rows:min-content 1fr min-content}header{text-align:center;padding-top:2rem;margin-bottom:3rem;display:flex;flex-direction:column;row-gap:1rem}header h1 a{display:inline-block;width:100%;max-width:400px;aspect-ratio:1/.18;overflow:hidden;text-indent:100%;white-space:nowrap;background-position:0 0;background-size:contain;background-image:url(../img/vividvisions_logo.svg);background-repeat:no-repeat;margin-bottom:5px}header nav.lang{align-self:flex-end}header nav.lang ul{list-style:none;display:flex;column-gap:.3em}header nav.lang abbr{text-decoration:none}header nav.lang a{color:#f6b247;text-decoration:none;display:inline-block;padding:10px 15px;border-radius:5px}header nav.lang a:hover{text-decoration:underline}header nav.lang .active a{background:rgba(0,0,0,.2);color:#000}@media(prefers-color-scheme: dark){header h1 a{background-image:url(../img/vividvisions_logo_white.svg)}header nav.lang .active a{color:#fff;background:hsla(0,0%,100%,.2)}}body.home{height:100vh;width:100vw}body.home article{text-align:center;font-size:1.3em;line-height:1.5em}body.home article p{margin:5rem 0}.nobr{white-space:nowrap}article a{color:#f6b247;text-decoration:none}article a:hover{text-decoration:underline}article acronym{text-decoration-line:underline;text-decoration-color:inherit;text-decoration-style:wavy;cursor:help}article h1,article h2,article h3{font-weight:400;margin-bottom:1em}article p,article ul{margin-bottom:1.5em}article h1{font-size:1.7rem;line-height:1.9rem}article h2{font-size:1.5rem;line-height:1.7rem}article h3{font-size:1.2rem;line-height:1.4rem}article p+h1,article p+h2,article p+h3{margin-top:2em}article ul{margin-left:1.3em}#matomo-opt-out{border:1px dashed #d3d3d3;padding:1em;margin-bottom:1.5em}nav.contact ul{list-style:none;display:flex;justify-content:center;column-gap:40px;margin-left:0 !important}nav.contact a{display:block;width:35px;height:35px;overflow:hidden;text-indent:100%;white-space:nowrap;background-position:50% 50%;background-size:contain;background-repeat:no-repeat;transition:transform 100ms ease-in-out}nav.contact a:hover{transform:scale(1.3)}nav.contact .mail a{background-image:url("../img/mail.svg")}nav.contact .mastodon a{background-image:url("../img/mastodon_logo.svg")}nav.contact .github a{background-image:url("../img/github_logo.svg")}nav.contact .npm a{background-image:url("../img/npm_logo.svg")}@media(prefers-color-scheme: dark){nav.contact a{filter:invert(1)}}footer{padding:1.5em 0;font-size:.9em}footer nav ul{list-style:none;display:flex;justify-content:center}footer a{color:#f6b247;text-decoration:none;padding:0 1em}footer a:hover{text-decoration:underline}