@use 'sass:color';@font-face{font-family:"AsimovXWid";src:url("/fonts/AsimovExtraWide.otf")}@font-face{font-family:"Asimov";src:url("/fonts/Asimov.otf");font-style:normal}@font-face{font-family:"Asimov";src:url("/fonts/AsimovItalic.otf");font-style:italic}@font-face{font-family:"AsimovNar";src:url("/fonts/AsimovNarrow.otf");font-style:normal}@font-face{font-family:"AsimovNar";src:url("/fonts/AsimovNarrowItalic.otf");font-style:italic}@font-face{font-family:"AsimovOu";src:url("/fonts/AsimovOutline.otf");font-style:normal}@font-face{font-family:"AsimovOu";src:url("/fonts/AsimovOutlineItalic.otf");font-style:italic}@font-face{font-family:"AsimovNarOu";src:url("/fonts/AsimovNarrowOutline.otf");font-style:normal}@font-face{font-family:"AsimovNarOu";src:url("/fonts/AsimovNarrowOutlineItalic.otf");font-style:italic}@font-face{font-family:"AsimovWide";src:url("/fonts/AsimovWide.otf");font-style:normal}@font-face{font-family:"AsimovWide";src:url("/fonts/AsimovWideItalic.otf");font-style:italic}body{font-family:"Asimov",sans-serif}@font-face{font-family:"EBGaramond";src:url("/fonts/EBGaramond-VariableFont_wght.ttf")}@font-face{font-family:"EBGaramond";src:url("/fonts/EBGaramond-Italic-VariableFont_wght.ttf");font-style:italic}.lang-switch{transform:translate(2.5vw) rotate(90deg);display:block;position:absolute;top:0;right:0;font-size:10vw;line-height:1;padding-left:6vw;color:blue;text-decoration:underline;text-transform:uppercase;z-index:9999}@media (min-width:720px){.lang-switch{font-size:5vw}}.lang-switch:hover{color:lightgray}body{--menu-width:43px}body>nav,body>#content>nav{font-family:"AsimovOu",sans-serif;font-size:30px;line-height:1;position:fixed;z-index:999999;writing-mode:vertical-rl;text-orientation:mixed;align-self:start;margin:0;padding-right:0.5rem;display:flex;width:auto;top:0;left:0;bottom:0;flex-direction:row;height:100%}body>nav a,body>#content>nav a{text-decoration:none;margin-bottom:1rem;text-transform:none}body>nav a:hover,body>#content>nav a:hover{color:blue}body>nav a:visited,body>#content>nav a:visited{color:blue}body>nav a:visited:hover,body>#content>nav a:visited:hover{color:blue}body>nav .home-link,body>#content>nav .home-link{display:block;width:35px;height:35px}body>nav .home-link svg #back-to-home,body>#content>nav .home-link svg #back-to-home{fill:red}body>nav .home-link svg #back-to-home:hover,body>#content>nav .home-link svg #back-to-home:hover{fill:blue}figure{margin:0}pre{overflow-x:scroll}pre code{display:inline-block;line-height:1}article{font-size:18px}article a{color:blue}article a:visited{color:blue}article>*{margin-left:35px}@media (min-width:720px){article>*{width:60%;margin-right:auto}}@media (min-width:960px){article>*{width:40%}}article figure{display:flex;flex-direction:column}article figure figcaption{color:blue;text-shadow:0 0 0.5em red;margin-top:0.3rem}article figure iframe{aspect-ratio:16/9}article>figure{height:fit-content}article>figure img{height:auto;width:100%}article .gallery{width:100%;display:flex;flex-direction:row;overflow-x:scroll;overflow-y:clip;margin-left:0;position:relative;padding-bottom:1rem}@media (min-width:720px){article .gallery{max-height:80vh}}article .gallery figure{height:fit-content;margin-right:1rem;position:relative}article .gallery figure:first-child{margin-left:35px}article .gallery figure:last-child{margin-right:0}article .gallery figure:first-child:before,article .gallery figure:after{--gallery-arrow-font-size:500%;position:absolute;content:"⤳";color:cyan;-webkit-text-stroke:0.02em black;top:50%;transform:translateY(-50%);font-size:var(--gallery-arrow-font-size);text-shadow:0 0 0.5rem aqua;z-index:999999}@media (min-width:720px){article .gallery figure:first-child:before,article .gallery figure:after{--gallery-arrow-font-size:600%}}article .gallery figure:after{left:calc(100% - 0.3em)}@media (min-width:720px){article .gallery figure:after{left:calc(100% - 0.3em)}}article .gallery figure:first-child:before{left:calc(-0.3em)}@media (min-width:720px){article .gallery figure:first-child:before{left:calc(-0.3em)}}article .gallery img{width:100vw;height:auto}@media (min-width:720px){article .gallery{height:80vh}article .gallery figure{height:100%}article .gallery img{height:100%;width:auto}}@media (min-width:0px) and (max-width:720px){article .gallery.vertical img{height:50vh;width:auto}}article>figure,article>.gallery{margin-bottom:1rem}