html{font-size:24px}:root{--theme-color:#a857f2;--theme-color-alt:#c28fef}a,a:visited{color:var(--theme-color);transition:all .3s}a:hover{color:var(--theme-color-alt)}body{color:#fff;box-sizing:border-box;background:#0c0c0c;margin:0;padding:15px;font-family:Hack;font-size:1rem}.introduction>span{display:block}.openPortfolio{margin:2rem 0;font-size:1.25rem;display:block}#logo{white-space:pre;font-size:50px;font-weight:700;position:relative}#logo,#logo:visited{color:#fff;text-decoration:none}#logoCursor{-webkit-user-select:none;user-select:none;height:100%;color:var(--theme-color);opacity:1;position:absolute;top:0;left:-.45ch}h2.section{margin:5px 0 15px;font-size:1.0417rem;font-weight:700}h2.section:before{content:"~ ";color:var(--theme-color)}#langSelect{-webkit-user-select:none;user-select:none;flex-direction:row;gap:6px;margin-top:20px;font-size:.85rem;display:flex}.langLink{color:var(--theme-color);transition:all .3s}.langLink.selected{color:#fff;pointer-events:none;text-decoration:none}p{line-height:1.4}@keyframes blink{0%{opacity:1}to{opacity:0}}.ch[data-color=blue]{color:var(--theme-color)}.ch.selected{background:#323232cc}.blinking{animation:.45s cubic-bezier(1,.01,.58,1) infinite alternate blink}nav{margin:1.5rem 0 2rem;font-size:1.25rem}nav ul{flex-wrap:wrap;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}nav li{color:var(--theme-color);cursor:pointer;text-transform:lowercase;text-decoration:underline;transition:all .3s}nav li:hover{color:var(--theme-color-alt)}nav.categories li.selected{background-color:var(--theme-color);color:#000;padding:0 5px;text-decoration:none}.portfolio-content{margin-top:20px}.portfolio-intro{border-left:2px solid var(--theme-color);color:#ddd;max-width:800px;margin-bottom:2rem;padding-left:.6rem;font-size:.85rem;font-style:italic}.section-title{color:#fff;text-transform:lowercase;letter-spacing:2px;margin:40px 0 20px;padding-bottom:5px;font-size:1.1rem;display:inline-block}.section-title:before{content:"# ";color:var(--theme-color)}.portfolio-item{border-bottom:1px solid #ffffff1a;margin-bottom:1.7rem;padding-bottom:2rem;padding-left:.7rem}.portfolio-item:last-child{border-bottom:none}.portfolio-item.tool-item{margin-bottom:1.25rem;padding-bottom:1rem}.portfolio-item.tool-item .portfolio-item__desc{margin-top:.3rem;font-size:.85rem}.portfolio-item.tool-item.internal{border-bottom:none;margin-bottom:.8rem;padding-bottom:0}.portfolio-item.tool-item.internal:before{content:"* ";color:var(--theme-color);margin-right:8px}.portfolio-item.tool-item.internal{display:flex}.portfolio-item.tool-item.internal .portfolio-item__desc{margin:0}.portfolio-item__title{color:var(--theme-color);margin-top:0;margin-bottom:1rem;font-size:1.2rem}.portfolio-item__title a{text-decoration:underline}.portfolio-item__online{margin:5px 0;font-size:.9rem}.portfolio-item__online a{text-decoration:underline}.portfolio-item__desc{color:#ccc;margin:10px 0}.credits-toggle{text-transform:lowercase;border:1px solid var(--theme-color);color:var(--theme-color);cursor:pointer;background:0 0;margin:5px 0;padding:4px 10px;font-family:inherit;font-size:.7rem;transition:all .2s}.credits-toggle:hover{background:var(--theme-color);color:#000}.portfolio-item__image{-webkit-user-drag:none;border:4px solid var(--theme-color);width:560px;max-width:98%}.portfolio-item__credits{border-left:1px solid #fff3;margin:15px 0;padding:0 0 0 15px;font-size:.8rem;list-style:none}.portfolio-item__credits li{margin-bottom:3px}.portfolio-item__credits .credit-role{color:#888}.portfolio-item__credits .credit-value{color:#fff}.portfolio-item__tech{color:#666;margin-top:10px;font-size:.85rem}.portfolio-item__tech .label{font-weight:700}@media (min-width:2000px){html{font-size:30px}.portfolio-intro{max-width:43%}}@media (min-width:1100px){body{padding:4vw}}@media (max-width:930px){#logo{font-size:40px}}@media (max-width:740px){html{font-size:18px}body{font-size:1rem}#logo{font-size:29px}nav{font-size:1.3333rem}.portfolio-item{padding-left:5vw}}@media (max-width:540px){html{font-size:16px}body{padding:2.6vw;font-size:1rem}#logo{font-size:5.8vw}h2.section,nav{font-size:1.25rem}}