*{box-sizing:border-box}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcfcfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--max-width:900px;--p-weight:450;--p-bold:600;--p2-weight:400;--p2-bold:700;--p2-size:1.7vh;--link-color:#2c7300;--link-hover-color:#215500;--link-weight:600;--link-bold:550}.App{text-align:center}.app-container{display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1;margin:0 auto;max-width:var(--max-width);padding:2rem 1rem;width:100%}.tab-container{margin-top:7vh}.nav-wrapper{background-color:#fcfcfc;box-shadow:0 4px 4px -2px #0000001a;position:fixed;width:100%;z-index:100}.nav-container{height:7vh;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 1rem}.logo-container,.nav-container{align-items:center;display:flex}.logo-container{gap:.5rem}.site-title{font-variation-settings:"wght" 650;font-weight:700;text-decoration:none}.nav-container ul{display:flex;font-variation-settings:"wght" 550;gap:1rem;list-style:none;margin:0;padding:0}.nav-container a{align-items:center;color:inherit;display:flex;height:100%;padding:.5rem;text-decoration:none}.nav-container ul li a{border-radius:5px;color:#000;text-decoration:none}.nav-container ul li a:hover{background-color:#e1e1e1;box-shadow:0 4px 8px #0003;color:#000;text-decoration:none}.nav-container ul li.active a{border-radius:5px;color:var(--link-color);font-weight:700}.menu-toggle{background-color:initial;border:none;border-radius:10px;color:var(--link-color);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease}.menu-toggle.open{background-color:#e1e1e1}.nav-container .site-title.active-tab,.nav-container ul li.active a{background-color:#e1e1e1;border-radius:5px;color:var(--link-color);font-weight:700}.nav-container ul li a{padding:.5rem 1rem;text-align:left;transition:all .3s ease;width:100%}@media (max-width:768px){.menu-toggle{background-color:none;border:none;border-radius:10px;color:var(--link-color);cursor:pointer;display:block;font-size:1.5rem;padding:.5rem}.nav-container ul{background-color:#ededed;box-shadow:0 4px 8px #0003;display:block;flex-direction:column;gap:.5rem;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;top:100%;transition:max-height 1s ease;width:100%}.nav-container ul.open{max-height:500px;padding:0}.nav-container ul li{padding:.2rem;width:100%}.nav-container ul li a{padding:.5rem 1rem;text-align:left;width:100%}}.footer{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem}.footer hr{border:none;border-top:1px solid #b0b0b0;margin:.5rem 0;max-width:var(--max-width);width:100%}.footer-container{display:flex;margin-top:.5rem}.footer-content{align-items:flex-start}.home-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.intro{align-items:center;display:flex;gap:2rem;justify-content:space-between;max-width:var(--max-width);width:100%}.intro-info{max-width:70%}.intro-info p{font-size:2vh;font-variation-settings:"wght" var(--p-wght);line-height:1.5}.image-first{flex-shrink:0;height:auto;max-width:30%;width:18vw}.image-first img{height:auto;object-fit:contain;width:100%}.image-first-title{color:gray;font-size:12px}.circle{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:20%;margin-top:-2rem}.circle-shape{background-color:#ffce1b;border-radius:50%;height:15px;position:absolute;width:15px}.home-content p{padding-bottom:20px}.home-title{align-items:center;display:flex;justify-content:space-between}.home-dir{background-color:#e2e2e2;border:1.5px solid #d7d7d7;border-radius:10px;color:#000;font-variation-settings:"wght" var(--p-bold);padding:10px;text-decoration:none;transition:all .3s ease}.home-dir:hover{border:1.5px solid #525252;border-radius:8px}.home-projects-tabs{grid-gap:2rem;border-radius:10px;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(250px,1fr));margin:2rem 0;padding:0}.home-projects-tabs p{padding-bottom:0}.home-articles-links,.home-notes-links{padding-bottom:20px}.home-projects-container p{padding-bottom:0}.home-projects-card{background:#f4f4f4;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:100rem;transition:transform .2s ease,box-shadow .2s ease}.articles-page-date-new{white-space:nowrap}@media (max-width:768px){.intro{align-items:center;flex-direction:row}.circle{margin-left:0;margin-top:1rem}.home-projects-tabs{gap:1rem;grid-template-columns:1fr}.home-projects-card{width:100%}.intro{align-items:center;flex-direction:column;gap:1rem}.image-first{max-width:90%;width:50vw}.image-first img{height:auto;object-fit:contain;width:100%}.intro-info{max-width:100%;text-align:center}.intro-info h1{font-size:5vh}.intro-info p{font-size:1.8vh;text-align:left}.circle{margin-left:0;margin-top:1rem}}.circle-text-container{align-items:center;animation:rotateText 10s linear infinite;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:visible;position:relative;width:100%;z-index:2}@keyframes rotateText{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.circle-char{font-size:12px;font-variation-settings:"wght" 550;position:absolute;text-align:center;transform-origin:center;white-space:nowrap}.project-card{height:20vh}.project-card-detail p{font-size:1.5vh}.project-card-year p{color:#565656}.project-card-name p{font-variation-settings:"wght" var(--link-weight)}.project-card-name a{color:var(--link-color);text-decoration:none}.project-card-tabs a{color:#000;text-decoration:none}.project-card-tabs{display:flex;gap:.5rem}.project-card-tab{align-items:center;background-color:#e2e2e2;border:1.5px solid #d7d7d7;border-radius:8px;font-variation-settings:"wght" 500;transition:all .3s ease}.project-card-tab a{align-items:center;display:flex;font-size:1.5vh;gap:.5rem;padding:.3rem}.project-card-tab:hover{border:1.5px solid #525252;border-radius:8px}.notes-container h1{font-size:6vh;margin-bottom:3vh}.notes-page{align-items:center;border-radius:10px;display:flex;font-variation-settings:"wght" var(--p-bold);justify-content:space-between;padding:1vh;text-decoration:none;transition:all .3s ease}.notes-page:hover{background:#e6e6e6}.notes-page-name{color:var(--link-color)}.notes-page-date{color:#6f6f6f}.notes-page-date-new{color:#639}@media (max-width:768px){.page-content-divide{align-items:center;flex-direction:column}.page-content-divide-left{text-align:start}.page-content-divide-right{align-items:center;margin-top:1rem}.page-content-divide-right img{max-width:200px}.page-content-divide ul{margin-bottom:0}}code{background-color:#e7e7e7!important;border-radius:0 0 10px 10px;font-size:1.3vh}.code-container{border-radius:10px;overflow:hidden;padding-bottom:20px;position:relative}.code-header{background:#e0e0e0;border-bottom:1px solid #bcbcbc;height:6vh;justify-content:space-between;padding:10px}.code-filename,.code-header{align-items:center;display:flex}.code-filename{color:#333;flex-grow:1;font-variation-settings:"wght" var(--p-bold);justify-content:flex-start;margin-top:20px}.code-filename,.code-filename p{font-size:1.3vh;margin-left:10px}.code-filename p{padding:0}.copy-button{background:none;border:1px solid #bcbcbc;border-radius:5px;color:#333;cursor:pointer;font-size:1.3vh;margin-right:10px;padding:5px 10px;transition:background .3s}.copy-button:hover{background:#ccc}.copy-button:active{background:#bbb}@media (max-width:768px){.code-filename,.code-filename p,code{font-size:.8rem!important}code,pre{white-space:pre}pre{word-wrap:normal;overflow-x:auto}}
/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.sidebar{background-color:#f9f9f9;border:1px solid #e0e0e0;flex:1 1;height:fit-content;padding:1rem;position:sticky;top:1rem}.sidebar-section{font-size:1.2rem;margin-bottom:1rem}.sidebar-section button{background:none;border:none;color:var(--link-color);cursor:pointer;font-size:.9rem;font-variation-settings:"wght" var(--p-bold);padding:.5rem 0;text-align:left;transition:transform .3s ease}.sidebar-section button:hover{transform:translateX(5px)}.sidebar-section h4{color:#333;font-size:1rem;margin:0 0 .5rem}.sidebar-section ul{list-style:none}.sidebar-section ul li button{background:none;border:none;color:var(--link-color);cursor:pointer;font-size:.9rem;font-variation-settings:"wght" var(--p-bold);padding:.5rem 0;text-align:left;transition:transform .3s ease}.sidebar-section ul li button:hover{transform:translateX(5px)}.sidebar-section p{color:#555;font-size:.875rem;margin:0}.sidebar-section a{color:#0073e6;font-size:.875rem;text-decoration:none}.sidebar-section a:hover{text-decoration:underline}.sidebar-topics{display:flex;flex-wrap:wrap;gap:.5rem}.sidebar-topic{background-color:#e7e7e7;border-radius:.25rem;font-size:.875rem;padding:.25rem .5rem}.sidebar-contents{list-style:none;margin:0;padding:0}.sidebar-contents li{margin-bottom:.5rem}.sidebar-contents li a{color:#0073e6;text-decoration:none}.sidebar-contents li a:hover{text-decoration:underline}@media (max-width:768px){.page-layout{flex-direction:column;gap:1rem}.sidebar{border-left:none;border-top:1px solid #e0e0e0;margin-top:1rem}}.articles-container h1{font-size:6vh;margin-bottom:3vh}.articles-container p{margin-bottom:3vh}.articles-link{align-items:center;background-color:#e2e2e2;border:1.5px solid #d7d7d7;border-radius:10px;color:#000;font-variation-settings:"wght" var(--p-bold);height:auto;padding:1vh;text-decoration:none;transition:all .3s ease;width:15vh}.articles-link:hover{border:1.5px solid #525252;border-radius:8px}.articles-page{align-items:center;border-radius:10px;display:flex;flex-wrap:nowrap;font-variation-settings:"wght" var(--p-bold);justify-content:space-between;padding:1vh;text-decoration:none;transition:all .3s ease}.articles-page:hover{background:#e6e6e6}.articles-page-name{color:var(--link-color)}.articles-page-date{color:#6f6f6f;white-space:nowrap}.articles-page-date-new{color:#639}@media (max-width:768px){.articles-page-date{color:#6f6f6f;display:flex}}#utterances-comments{margin-top:2rem;padding-top:1rem}html{scroll-behavior:smooth}.page-layout{align-items:flex-start;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.page-layout a{color:var(--link-color);font-variation-settings:"wght" var(--link-bold);margin-bottom:20px;position:relative;text-decoration:none}.page-content{flex:3 1;max-width:100%}.page-title{padding-bottom:4vh}.page-content p{font-size:1rem;letter-spacing:.02rem;padding-bottom:20px}.page-content a{color:var(--link-color);position:relative;text-decoration:none}.page-content a:before{background:var(--link-color);bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .4s ease;width:0}.page-content a:hover:before{width:100%}.page-content-divide{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-top:2rem}.page-content-divide-left{flex:2 1}.page-content-divide-right{align-items:center;display:flex;flex:1 1;justify-content:center}.page-content-image-container{display:flex;flex-direction:column}.page-content-divide-right img{height:auto;max-width:200px;width:100%}.page-content-image-title{color:gray;font-size:12px;margin-top:.5rem}.page-content-divide ul{list-style-position:inside;margin:0;padding:0}.page-content-divide li{font-variation-settings:"wght" var(--p2-weight);line-height:1.6;margin-bottom:.5rem}.page-content-divide li strong{font-variation-settings:"wght" var(--p2-bold)}table{border-collapse:collapse;margin:20px 0;width:100%}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2;font-weight:700}.article-video-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;margin-top:1rem;padding:0}.article-video{border-radius:8px;max-width:700px;object-fit:cover;width:100%}.article-video-title{color:gray;display:block;font-size:12px;margin-top:8px;text-align:center;width:100%}.inline-code{word-wrap:break-word;background-color:#f4f4f4;border-radius:4px;color:#d63384;font-family:monospace;padding:4px;white-space:pre-wrap}.article-image-container{justify-content:center}.article-image-container,.article-image-container-one-title{align-items:center;display:flex;gap:15px;margin:0 0 30px;width:100%}.article-image-container-one-title{flex-direction:column}.article-image,.article-image-one-title{border-radius:8px;box-shadow:0 4px 6px #0000004d;height:auto;max-width:50%}.article-image-one-title{align-items:center;display:flex}.article-image-title{color:gray;display:block;font-size:12px;margin-top:8px;text-align:center;width:100%}.article-image-horizontal{border-radius:8px;box-shadow:0 4px 6px #0000004d;height:auto;max-width:90%}h3{padding-bottom:10px}li.article-list{font-variation-settings:"wght" var(--p2-weight);line-height:1.6;margin-bottom:.5rem}@media (max-width:768px){.current-container{align-items:left;flex-direction:column;text-align:leftr}.current-video-wrapper{width:100%}.current-video{max-width:400px;width:50%}.inline-code{font-size:1rem}.article-image{max-width:90%}.article-image-container{flex-direction:column;gap:15px;padding:10px}.page-content-divide{align-items:center;flex-direction:column}.page-content-divide-left{text-align:start}.page-content-divide-right{align-items:center;margin-top:1rem}.page-content-divide-right img{max-width:200px}}kbd{background-color:#ececec;border:1px solid #cecece;border-radius:.25rem;box-shadow:0 2px 0 1.5px #cecece;color:var(--color-text);cursor:default;display:inline-block;font-family:monospace;font-size:.75em;line-height:1;margin:0 2px;min-width:.75rem;padding:3px 5px;position:relative;text-align:center;text-transform:uppercase;top:-1px;transition:all .1s ease-in-out;width:auto}kbd:hover{box-shadow:0 1.5px 0 1px #cecece;top:1px}.projects-container h1{font-size:6vh;margin-bottom:3vh}.projects-tabs{margin:0 auto;max-width:var(--max-width);width:100%}.project-tabs-preview{grid-gap:2rem;border-radius:10px;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(250px,1fr));margin:2rem 0;padding:0}.project-card{background:#f4f4f4;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}@media (max-width:768px){.project-tabs-preview{gap:1rem;grid-template-columns:1fr}.project-card{width:100%}}hr{border:0;border-top:1px solid #b0b0b0;display:block;height:100%;margin:1em 0;padding:0}h2{margin-bottom:1.5vh;margin-top:1.5vh}p{flex:2 1 500px;font-size:var(--p2-size);font-variation-settings:"wght" var(--p2-weight);letter-spacing:normal;line-height:1.75}p strong{font-variation-settings:"wght" var(--p2-bold)}.about-container{gap:2rem;justify-content:space-between}.intro{margin-bottom:2vh}.intro-info{flex:1 1;max-width:100%}.intro-info h1{font-size:6vh}.about-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem}.intro-info p{flex:2 1 500px;font-size:1.7vh;font-variation-settings:"wght" var(--p2-weight);letter-spacing:normal;line-height:1.75;margin-top:3vh}.intro-link{color:var(--link-color);font-variation-settings:"wght" var(--link-bold);position:relative;text-decoration:none}.intro-link:before{background:var(--link-color);bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .4s ease;width:0}.intro-link:hover:before{width:100%}.intro-image{flex-shrink:0;float:right;height:auto;margin:2vh;max-width:50%;width:18vw}.intro-image img{height:auto;object-fit:contain;width:100%}.intro-image-title{color:gray;font-size:12px}.contact{width:100%}.contact-info-preview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-info-card{background-color:#f0f0f0;border:1px solid #b0b0b0;border-radius:10px;display:flex;justify-content:flex;margin:10px;transition:all .5s ease}.contact-info-card:hover{border:1px solid #000}.contact-info-card-logo,.contact-info-card-note{padding:10px}.contact-info-card-note h3{color:#000;font-size:1.5vh;padding-top:5px;text-decoration:none}.contact-info-preview a{color:inherit;text-decoration:none}.current{padding-top:30px;width:100%}.current-container{display:flex;padding-top:1vh}.current-video-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;padding:0}.current-video{border-radius:8px;max-width:450px;object-fit:cover;width:65%}.current-video-title{color:gray;display:block;font-size:12px;margin-top:8px;text-align:center;width:100%}.current-container em{font-size:1.7vh;font-variation-settings:"wght" var(--p2-weight);margin-bottom:20px}.current-container a{color:var(--link-color);font-size:1.7vh;font-variation-settings:"wght" var(--link-bold);margin-bottom:20px;position:relative;text-decoration:none}.current-container a:before{background:var(--link-color);bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .4s ease;width:0}.current-container a:hover:before{width:100%}.current-container ul{font-size:1.7vh;font-variation-settings:"wght" var(--p2-weight);line-height:2.5vh}.current-container li{margin:2px 0}.footer,.tools{padding-top:30px;width:100%}@media (max-width:768px){.contact-info-preview{grid-template-columns:repeat(2,1fr)}.current-container{align-items:left;flex-direction:column;text-align:leftr}.current-video-wrapper{width:100%}.current-video{max-width:400px;width:50%}.intro-image{display:block;float:none;margin:0 auto 2rem;max-width:250px;width:70%}.intro-image img{height:auto;width:100%}.intro-info p{font-size:1.5vh;text-align:justify}.intro-info h1{padding-bottom:20px}.current-container{padding-top:0}}
/*# sourceMappingURL=main.99f68115.css.map*/