.site-header{padding:15px;color:#fff;display:flex;justify-content:space-between}.site-header .logo{width:70px;height:50px;display:block;transition:filter .5s}.dark-theme .site-header .logo{filter:invert(1);transition:filter .5s}button{background:transparent;border:none}button img{width:50px;height:50px;transition:filter .5s}.dark-theme .site-header button img{filter:invert(1);transition:filter .5s}button:hover img,.dark-theme .site-header button:hover img{filter:invert(.5);cursor:pointer}h1{text-align:center}h1 span{font-weight:600;color:var(---text-color-secondary, #555555);transition:.5s color}.hero{padding:30px 15px}.hero-canvas{width:calc(100vw - 30px)}.works{padding:30px 15px;display:grid;grid-template-columns:1fr 2fr}.works table{border-collapse:collapse}.works h2{color:var(--title-color-secondary, #555555);margin:0;line-height:1em;transition:.5s color}.works th{text-align:left}.works tbody tr{align-items:center;border-bottom:1px solid var(--border-color, #555555);transition:.5s background-color}.works tr:not(thead tr:first-child):hover{background-color:var(--background-color-secondary, #eeeeee);transition:.5s background-color}.works tbody tr:last-child{border-bottom:none}.works table h3,.works table p{margin:0}.works table tr td{padding:15px;font-weight:400}.works table tr td h3{font-size:2rem;margin:0}.works table tr td p,.works table tr td a{margin:0}.works table tr th:last-child,.works table tr td:last-child{text-align:right}.works table th{padding:0 15px;font-weight:400;color:var(--title-color-secondary, #555555)}@media screen and (max-width: 1024px){.works{grid-template-columns:1fr}.works h2{margin-bottom:50px}.works table tr td{padding:15px 0}.works table th{padding:0}}@media screen and (max-width: 768px){.works table tr td:last-child,.works table tr th:last-child{display:none}}@media screen and (max-width: 480px){.works table tr td:nth-child(2),.works table tr th:nth-child(2){display:none}}.site-footer{display:flex;justify-content:space-between;padding:30px 15px}@media screen and (max-width: 768px){.site-footer{display:flex;flex-direction:column-reverse;padding:30px 15px;text-align:center}}:root{--title-color: #020202;--title-color-secondary: #555555;--text-color: #020202;--text-color-secondary: #555555;--background-color: #ffffff;--background-color-secondary: #eeeeee;--border-color: #555555}.dark-theme{--title-color: #ffffff;--title-color-secondary: #555555;--text-color: #ffffff;--text-color-secondary: #555555;--background-color: #020202;--background-color-secondary: #111111;--border-color: #555555}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:.3s color,.3s background-color}body{margin:0;padding:0}.app{min-height:100vh;background-color:var(--background-color, #ffffff);transition:.5s background-color}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--title-color, #020202);transition:.5s color}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1rem;color:var(--text-color, #020202);transition:.5s color}a{color:var(--text-color, #020202);text-decoration:none;transition:.5s color}a:hover{color:var(--text-color-secondary, #555555);transition:.5s color}@media screen and (max-width: 768px){h1{font-size:3rem}}