.page-wrapper .nav-panel,.page-wrapper .content-panel{padding-top:100px;display:inline-block;vertical-align:top}.page-wrapper .nav-panel{width:35vw;padding:120px;box-sizing:border-box;position:sticky;top:0}.page-wrapper .nav-panel .title,.page-wrapper .nav-panel .subtitle,.page-wrapper .nav-panel .nav{text-align:center;box-sizing:border-box}.page-wrapper .nav-panel .title{width:100%;font-size:3em;font-weight:900;line-height:80%}.page-wrapper .nav-panel .subtitle{width:100%;font-size:1.8em;font-weight:500;color:#5eead4}.page-wrapper .nav-panel .nav{display:flex;flex-direction:column;margin-top:100px;width:100%}.page-wrapper .nav-panel .nav .item{font-size:1em;padding:10px;text-align:center}.page-wrapper .nav-panel .nav .item:hover{background-color:#ffffff35;cursor:pointer}.page-wrapper .nav-panel .nav .item:hover{color:#5eead4}.page-wrapper .content-panel{width:60vw;box-sizing:border-box;flex:6}.project{background-color:#e2e2e2;color:#000;border-radius:10px;padding:10px;margin-bottom:10px;max-width:500px;min-width:400px;margin-right:10px}.keyword{background-color:#e24329;display:inline-block;padding:10px 25px;border-radius:100px;margin-right:10px;margin-bottom:10px;font-weight:700;color:#e2e2e2}.keyword:hover{background-color:#fc6d26;cursor:pointer}.link{width:35px;height:35px;padding:10px 0;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;margin-right:30px}a[href=""] .link{display:none}.link.gitlab{background-image:url("data:image/svg+xml,%3csvg%20width='200'%20height='192'%20class='tanuki-logo'%20viewBox='0%200%2050%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20class='tanuki-shape%20tanuki'%20d='m49.014%2019-.067-.18-6.784-17.696a1.792%201.792%200%200%200-3.389.182l-4.579%2014.02H15.651l-4.58-14.02a1.795%201.795%200%200%200-3.388-.182l-6.78%2017.7-.071.175A12.595%2012.595%200%200%200%205.01%2033.556l.026.02.057.044%2010.32%207.734%205.12%203.87%203.11%202.351a2.102%202.102%200%200%200%202.535%200l3.11-2.352%205.12-3.869%2010.394-7.779.029-.022a12.595%2012.595%200%200%200%204.182-14.554Z'%20fill='%23E24329'/%3e%3cpath%20class='tanuki-shape%20right-cheek'%20d='m49.014%2019-.067-.18a22.88%2022.88%200%200%200-9.12%204.103L24.931%2034.187l9.485%207.167%2010.393-7.779.03-.022a12.595%2012.595%200%200%200%204.175-14.554Z'%20fill='%23FC6D26'/%3e%3cpath%20class='tanuki-shape%20chin'%20d='m15.414%2041.354%205.12%203.87%203.11%202.351a2.102%202.102%200%200%200%202.535%200l3.11-2.352%205.12-3.869-9.484-7.167-9.51%207.167Z'%20fill='%23FCA326'/%3e%3cpath%20class='tanuki-shape%20left-cheek'%20d='M10.019%2022.923a22.86%2022.86%200%200%200-9.117-4.1L.832%2019A12.595%2012.595%200%200%200%205.01%2033.556l.026.02.057.044%2010.32%207.734%209.491-7.167L10.02%2022.923Z'%20fill='%23FC6D26'/%3e%3c/svg%3e")}.link.web{background-image:url(https://www.pikpng.com/pngl/m/40-407128_code-icon-png-free-programming-platform-icons-clipart.png)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#0f172a;color:#f0f1f2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}