:root[data-theme=win98]{*{margin:0;padding:0;box-sizing:border-box}--background-color:#fff;--color:#111;@media (prefers-color-scheme:dark){--background-color:#000;--color:#eee}h1{font-size:1.5em}hr{margin:1em 20%}body{font-family:serif;background-color:var(--background-color);color:var(--color);-webkit-tap-highlight-color:transparent;text-size-adjust:none}.container{max-width:720px;padding:min(6vw,48px);width:100%;margin:0 auto}.intro{display:flex;flex-direction:row;gap:.5em}@media (max-width:480px){.intro{flex-direction:column;margin-bottom:1em;gap:.5em}}.introText{justify-content:center;display:flex;flex-direction:column;margin-top:-.5em}.profilePhoto img{width:128px;height:128px;object-fit:cover}li{margin-left:2em;margin-top:.5em}.contact{display:flex;flex-direction:row;flex-wrap:wrap}.projectsItem,.work{margin-top:1em}.feature,.work li{margin-top:.5em}a{color:inherit}.intro span{color:#fd4040}--colCount:3;@media (max-width:600px){--colCount:2}@media (max-width:400px){--colCount:1}.indexList{margin-top:.5em;display:grid;grid-row-gap:.5em;grid-template-columns:repeat(var(--colCount),1fr)}.indexList li{margin-top:0}.gallery{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}.gallery img,.gallery video{width:auto;height:128px;object-fit:contain;margin:10px}}