@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}article.projects{margin-left:35px}article.projects nav{margin-bottom:1rem;display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-around}article.projects nav button{border:none;background:none;font-family:"AsimovOu",sasn-serif;font-size:200%;color:blue;line-height:1;padding:0;margin-right:1rem;cursor:pointer}article.projects nav button:hover{filter:blur(1.5rem);color:red}article.projects nav button.not-selected{text-decoration:line-through;text-decoration-thickness:0.2em}article.projects main{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:min-content;column-gap:1rem;row-gap:4rem}@media (min-width:0px) and (max-width:480px){article.projects main{row-gap:2rem}}@media (min-width:720px){article.projects main{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){article.projects main{grid-template-columns:repeat(4,minmax(0,1fr))}}article.projects main section.level3{display:grid;grid-template-columns:1fr;grid-template-areas:"pic" "name" "what" "when";min-height:30vh;height:fit-content}@media (min-width:0px) and (max-width:480px){article.projects main section.level3{margin-top:0!important}}@media (min-width:720px){article.projects main section.level3:nth-of-type(-n+3){margin-top:0!important}article.projects main section.level3[data-visible="0"],article.projects main section.level3[data-visible="1"],article.projects main section.level3[data-visible="2"]{margin-top:0!important}}@media (min-width:960px){article.projects main section.level3:nth-of-type(-n+4){margin-top:0!important}article.projects main section.level3[data-visible="0"],article.projects main section.level3[data-visible="1"],article.projects main section.level3[data-visible="2"],article.projects main section.level3[data-visible="3"]{margin-top:0!important}}article.projects main section.level3.hidden{display:none}article.projects main h3{grid-area:name;max-height:fit-content;margin-top:0.5rem;margin-bottom:0.5rem;font-size:x-large}article.projects main a{color:blue;text-decoration:none}article.projects main a:hover{filter:blur(1.5rem);color:red}article.projects main a:visited{color:blue}article.projects main .what{grid-area:what;margin-top:0.5rem;margin-bottom:0.5rem;font-style:italic}article.projects main .when{grid-area:when;margin-top:0.5rem;margin-bottom:0.5rem}article.projects main figure{grid-area:pic;background-color:#eeefff;border:0.2rem solid blue;height:fit-content;line-height:0;padding:0;margin:0;min-height:15vh}article.projects main figure:hover{filter:blur(1.5rem);color:red}article.projects main figure img{width:100%;height:auto}article.projects main p{margin:0;line-height:1}