:root{--background-color-light:#fff;--background-color-dark:#131314;--font-color-light:#000;--font-color-dark:#fff;--font-color-subdued:#abb2ab;--max-body-width:650px;--icon-fill-light:#000;--icon-fill-dark:#f5f5f5;--content-standard-gap:1em;--siderail-width:80px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#131314;color:#f5f5f5;cursor:default;display:flex;flex-direction:column;font-family:Roboto,Roboto Mono,"sans-serif";justify-content:flex-start;line-height:1.6;margin:0;padding:0;width:100%}body.light-mode{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--font-color-light)}button{background-color:#131314;background-color:var(--background-color-dark);border:3px solid #fff;border:3px solid var(--background-color-light);color:#fff;color:var(--font-color-dark);cursor:pointer;font-family:var(--root-font);text-align:center;vertical-align:middle}button.light-mode{background-color:#fff;background-color:var(--background-color-light);border:3px solid #131314;border:3px solid var(--background-color-dark);color:#000;color:var(--font-color-light)}a{color:inherit;text-decoration:underline}pre{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}#main-container{align-items:center;background-color:var(--background-color-dark);box-sizing:border-box;display:flex;flex-direction:column;font-size:13px;height:100%;justify-content:flex-start;max-width:var(--max-body-width);overflow-x:hidden;width:100%}#main-container.light-mode{background-color:var(--background-color-light);color:var(--font-color-light)}.section-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.section-header h1{font-family:Roboto Mono;font-size:2.2em;margin:0}.section-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:1.6;margin:3em 0;width:100%}.section-content h2{font-family:Roboto Mono;margin:0}.section-content pre{line-height:1.5em;margin:0;white-space:pre-wrap}.section-content img{max-width:100%}.section-content-siderail{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-width:var(--siderail-width);opacity:.5;width:var(--siderail-width)}.siderail-vline-dotted{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ctext x='10' y='15' text-anchor='middle' font-size='16' fill='%23FFF' font-family='monospace'%3E|%3C/text%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-y;height:5em}.siderail-vline-dotted.light-mode{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ctext x='10' y='15' text-anchor='middle' font-size='16' font-family='monospace'%3E|%3C/text%3E%3C/svg%3E")}.siderail-vline-bold{background-color:#f5f5f5;border-radius:2px;display:flex;height:100%;justify-content:center;width:4px}.siderail-vline-terminator{font-size:28px;line-height:.7;text-align:center}.links-tags,.skills-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{border:1px solid #f5f5f5;border-radius:10px;font-size:10px;height:25px;padding:0 8px}.link-tag,.skill-tag{align-items:center;display:flex;font-family:Roboto Mono;justify-content:center}.link-tag{font-size:12px;font-weight:700;text-decoration:none}.subdued-font{color:var(--font-color-subdued)}#page-title{display:table;font-size:10px;margin:0 auto}@media (max-width:650px){#main-container{max-width:100vw}#page-title{font-size:7px}.section-content-siderail{min-width:60px;width:60px}}@media (max-width:450px){#page-title{font-size:5px}}#about-section{align-items:center;color:var(--font-color-subdued);gap:0;margin:1em 0;width:75%}.project-container{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.project-main-content-container{align-items:flex-start;display:flex;flex-direction:column;gap:var(--content-standard-gap);justify-content:flex-start;margin:0 1em;width:100%}.project-siderail{font-family:Roboto Mono;font-size:10px}.project-siderail-date{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:28px}.project-header-container{display:flex;gap:1em;width:100%}.project-cover-image{border-radius:2px;height:68px;width:163px}@media (max-width:650px){.project-header-container{flex-direction:column-reverse}.project-cover-image{aspect-ratio:2.39/1;height:auto;width:100%}}.project-title-subtitle-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.project-description-line{margin:0 0 .6em}.project-description-line:last-child{margin-bottom:0}.link-icon-wrapper{margin-left:.35em;white-space:nowrap}.link-icon-prefix,.link-icon-wrapper{align-items:center;display:inline-flex}.link-icon-prefix{margin-right:.35em}.link-text-with-icon{align-items:center;display:inline-flex}.link-text{display:inline}.link-icon{fill:currentColor;height:12px;width:12px}.link-icon-image{display:block;height:12px;width:12px}.experience-container,.project-timeline-footer{display:flex;justify-content:flex-start;width:100%}.experience-container{align-items:stretch;flex-direction:row}.experience-main-content-container{align-items:flex-start;display:flex;flex-direction:column;gap:var(--content-standard-gap);justify-content:flex-start;margin:0 1em;width:100%}.experience-siderail{font-family:Roboto Mono;font-size:10px}.experience-siderail-date{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:28px}.experience-header-container{align-items:center;display:flex;gap:1em;width:100%}.experience-logo-image{border-radius:2px;height:68px;width:68px}.experience-logo-image:hover{cursor:pointer;filter:brightness(.9)}.experience-title-subtitle-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.experience-description-line{margin:0 0 .6em}.experience-description-line:last-child{margin-bottom:0}.experience-subtitle-link{text-decoration:none}.experience-subtitle-link:hover{text-decoration:underline}.footer{font-family:Roboto Mono;font-size:10px;gap:5px;margin-bottom:2.5em;margin-top:1em;text-align:center;width:100%}#title-section,.footer{display:flex;flex-direction:column}#title-section{height:100vh;justify-content:space-evenly}#title-center-third,.title-third{align-items:center;display:flex;flex-direction:column;justify-content:center}#title-center-third{font-family:Roboto Mono;gap:1em}#profile-animation-canvas{height:33vh;-webkit-user-select:none;user-select:none;width:100%}#contents-links-container,#profile-animation-canvas{align-items:center;display:flex;justify-content:center}#contents-links-container{flex-direction:column;line-height:1.6}.content-link{display:flex;flex-direction:row}#contents-links-ul{list-style-type:none;margin:0;padding:0}#contents-links-ul li:before{content:"> "}#subtitle-animation{color:#7fff00;font-size:larger;font-weight:100}#icon-button-div,#subtitle-animation{align-items:center;display:flex;flex-direction:row;justify-content:center}#icon-button-div{gap:2em}.icon-a{align-items:center;display:flex;flex-direction:column}.icon-btn{transition:transform .2s ease}.icon-btn:hover .icon-svg{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.icon-svg{fill:var(--icon-fill-dark);opacity:.4;transition:opacity .1s cubic-bezier(.4,0,.2,1)}.icon-svg.light-mode{fill:var(--icon-fill-light)}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}#subtitle-cursor{animation:blink 1s infinite}.scroll-to-top{align-items:center;background:#0c0c0cd9;border:1px solid #ffffff59;border-radius:999px;bottom:24px;color:var(--font-color);cursor:pointer;display:flex;font-family:Roboto Mono;font-size:20px;height:46px;justify-content:center;letter-spacing:.04em;opacity:0;pointer-events:none;position:fixed;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;width:46px;z-index:50}.scroll-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top:hover{border-color:#ffffffb3}.scroll-to-top:hover .scroll-to-top-icon{background-color:#ffffffb3}.scroll-to-top:focus-visible{outline:2px solid #fffc;outline-offset:3px}.scroll-to-top:focus-visible .scroll-to-top-icon{background-color:#fffc}.scroll-to-top-icon{background-color:#ffffffd9;display:block;height:16px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:16px}@media (max-width:650px){.scroll-to-top{bottom:16px}}
/*# sourceMappingURL=main.551ff5bd.css.map*/