body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--global-bg-color);color:var(--global-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{--global-bg-color:#fff;--global-fg-color:#000;--global-text-color:#000;--global-highlight-color:#ffc107;--primary-color:#347ea9;--secondary-color:#f49be7;--red-color:#d44c47;--green-color:#458361;--blue-color:#347ea9;--brown-color:#9f6b53;--gray-color:#edecec;--dark-gray-color:#55534f;--gray-bg-color:#dfdfdf4d;--red-font:#5d1715;--yellow-font:#402c1b;--green-font:#1d3829;--blue-font:#183347;--gray-font:#32302d;--red-highlight:#ffe2dd;--yellow-highlight:#feecc8;--green-highlight:#dceddc;--blue-highlight:#d3e5ef;--gray-highlight:#e3e2e0;--link:#ffd54f;--date-color:#212121;--date-bg:#eee;--date-border:#36363633;--graph-gray-dark:#75757545;--graph-gray-light:#8080801a;--graph-yellow-dark:#ffd54ff0;--graph-yellow-light:rgba(255,249,196,.729);--graph-blue-dark:rgba(106,185,255,.478);--graph-blue-light:rgba(225,245,254,.851);--graph-green-dark:#4caf50e3;--graph-green-light:#aed58161;--graph-red-dark:#f44336eb;--graph-red-light:#ffcdd2c9;--graph-black-dark:rgba(52,52,51,.828);--graph-black-light:#00000045;--graph-purple-dark:#7986cbe3;--graph-purple-light:#9fa8daab}body.dark{--global-bg-color:#1c1c1d;--global-fg-color:#fff;--global-text-color:#e8e8e8;--global-highlight-color:#ffc107;--primary-color:#2e7cd1;--secondary-color:#f49be7;--red-color:#ce4946;--green-color:#2e9965;--blue-color:#2e7cd1;--brown-color:#ab755f;--gray-color:#edecec;--dark-gray-color:#d3d3d3;--gray-bg-color:#e8e8e84d;--red-font:#e3d8d7;--yellow-font:#e8e1d6;--green-font:#d7deda;--blue-font:#d5dbe3;--gray-font:#dfdfdf;--red-highlight:#6e3630;--yellow-highlight:#89632a;--green-highlight:#2c593f;--blue-highlight:#28456c;--gray-highlight:#5a5a5a;--link:#ffd54f;--date-color:#e6e6e6;--date-bg:#6a6a6a;--date-border:hsla(0,0%,65%,.276)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:var(--color-background);color:var(--color-foreground)}.App-link{color:#61dafb}.ModeToggle{cursor:pointer;height:40px;padding:8px;position:absolute;right:0;top:0;width:40px;z-index:999}.AvatarContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.AvatarImageContainer{background-color:#fff;border:4px solid var(--gray-color);border-radius:50%;display:flex;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.AvatarImageContainer .avatarImage{border:0 solid #0000;border-radius:50%;transition:opacity .3s ease}.avatarHoverImage{border:0 solid #0000;border-radius:50%;display:none}@media (min-width:675px){.AvatarImageContainer:hover{.avatarImage{display:none}.avatarHoverImage{display:flex}}}.AvatarTitle{font-size:1.5rem;font-weight:bolder;margin:.5rem 0}.AvatarIntro,.AvatarTitle{color:var(--global-text-color)}.AvatarIntro{font-size:1.2rem;margin:0 0 4px;max-width:400px;text-align:center;word-break:break-word}.AvatarLinks{display:flex;padding-top:.5rem}.AvatarLink{align-self:center;display:flex;justify-content:center;padding:0 4px}.AvatarLink .AvatarLinkIcon{align-items:center;background-color:var(--gray-color);border:2px solid var(--gray-color);border-radius:50%;display:flex;justify-content:center;padding:4px}.AvatarGrayLayer{background-color:var(--dark-gray-color);border-radius:50%;height:40px;opacity:0;position:absolute;width:40px}@media (min-width:675px){.AvatarLink:hover .AvatarGrayLayer{opacity:.4}}.hmodal-container{background-color:initial;display:block;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:5}.hmodal-overlay{background-color:#0006;display:flex;height:100%;justify-content:right;width:100%}.hmodal-body-container{background-color:#f5f5f5;border-bottom-left-radius:8px;border-top-left-radius:8px;border-width:0;box-shadow:-2px 0 10px #0003;height:100vh;min-width:400px;overflow-y:auto;right:0;top:0;width:33%}@media screen and (max-width:500px){.hmodal-overlay{align-items:flex-end}.hmodal-body-container{border-bottom-left-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;bottom:0;height:70vh;min-width:100%;position:relative;width:100%}}.hmodal-close-btn{color:#aaa;float:right;font-size:28px;font-weight:700;padding:15px}.hmodal-close-btn:focus,.hmodal-close-btn:hover{color:#000;cursor:pointer;text-decoration:none}.hmodal-body{margin:24px;padding:20px}.hmodal-content-header{align-items:center;display:flex}.hmodal-content-header-title{flex:1 1;font-size:1.2rem;font-weight:700;padding-left:8px}.hmodal-content-body-container{font-family:Times New Roman,Times,serif}.hmodal-content-body{border:1px solid #ccc;border-radius:4px;color:hsla(0,0%,9%,.843);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;margin-bottom:12px;margin-top:12px;padding:8px;white-space:pre-line}.hmodal-content-subtitle{font-size:1rem;font-weight:700;margin:12px 0 4px}.hmodal-content-skills{display:flex;flex-wrap:wrap}.skill-tag-container{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:row;margin:2px;padding:2px 6px}.skill-tag-container:hover{background-color:aqua}.skill-tag-title{font-size:.9rem;margin-left:4px}.digit-container,.link-tag-container{align-items:center;display:flex;flex-direction:row}.link-tag-index{align-items:center;display:flex;justify-content:center;margin-right:4px}.link-tag-title{font-size:.9rem;font-weight:700}.link-tag-link{color:#000c;text-decoration:none;transition:color .3s ease}.link-tag-title a:hover{color:#0277bd}.experience-tag-container{align-items:center;display:flex;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.experience-tag-index{align-items:center;display:flex;justify-content:center;margin-right:4px}.experience-tag-title{border-radius:4px;font-size:.9rem;font-weight:700;padding:2px 8px}.graph-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.legend-container{margin-top:4px}.separator{margin-top:5vh}@media screen and (min-height:900px){.separator{margin-top:10vh}}@media screen and (min-height:800px){.graph-separator{margin-top:calc(30vh - 220px)}}.HomePage{height:100vh}.timeline:before{background:var(--dark-gray-color);content:"";height:100%;left:50%;position:absolute;width:2px;z-index:1}.timeline{margin:12px auto;padding:40px 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timeline ul{margin:0;padding:0}.timeline ul li{box-sizing:border-box;line-height:normal;list-style:none;padding:0 32px 32px;position:relative;width:50%}.timeline ul li:nth-child(odd){align-items:right;clear:both;float:left;text-align:right}.timeline ul li:nth-child(2n){align-items:left;clear:both;float:right;text-align:left}.incident_title{align-items:center;display:flex}@media screen and (min-width:600px){.timeline ul li:nth-child(odd) .incident_title .incident_title_name{margin-left:4px}.timeline ul li:nth-child(2n) .incident_title .incident_title_name{margin-right:4px}.timeline ul li:nth-child(odd) .incident_title{flex-direction:row-reverse;flex-wrap:wrap}.timeline ul li:nth-child(2n) .incident_title{flex-direction:row;flex-wrap:wrap-reverse}}@media screen and (max-width:600px){.timeline ul li .incident_title .incident_title_name{margin-right:4px}}.incident_title_name{color:var(--primary-color);font-size:1.2rem;font-weight:700;justify-content:center;margin-bottom:4px;margin-top:4px}.incident_title_link{margin:0 4px}.incident_detail{margin-top:6px;max-width:800px}@media screen and (min-width:600px){.timeline ul li:nth-child(2n) .incident_tag .tag{margin-right:4px}.timeline ul li:nth-child(odd) .incident_tag .tag{margin-left:4px}.timeline ul li:nth-child(2n) .incident_tag{display:flex;flex-wrap:wrap;padding:2px}.timeline ul li:nth-child(odd) .incident_tag{display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;padding:2px}}.incident_tag{display:flex;flex-wrap:wrap;padding:4px 2px}@media screen and (max-width:600px){.timeline ul li .incident_tag .tag{margin-bottom:4px;margin-right:4px}}.timeline ul li .incident_content p{color:var(--global-text-color);padding:0 2px 18px 0}.date_content{align-items:center;background-color:var(--date-bg);display:flex;height:32px;justify-content:center;padding-bottom:0 0 20px 0}.date_str{color:var(--date-color);font-size:1rem;font-weight:700;margin-bottom:0;margin-top:0;width:-webkit-max-content;width:max-content}.timeline ul li .date_content{border-radius:18px;box-shadow:0 0 0 3px var(--date-border);color:var(--date-color);margin:0;padding:0 16px;position:absolute;top:0}.timeline ul li:nth-child(odd) .date_content{right:-140px}.timeline ul li:nth-child(2n) .date_content{left:-140px}.timeline ul li:before{background:var(--date-color);border-radius:50%;box-shadow:0 0 0 3px var(--date-border);content:"";height:10px;position:absolute;top:12px;width:10px;z-index:1}.timeline ul li:nth-child(odd):before{right:-6px}.timeline ul li:nth-child(2n):before{left:-4px}@media screen and (max-width:600px){.timeline{margin-left:15vw}.incident_content{padding-bottom:24px;padding-top:12px}}@media (max-width:600px){.timeline{margin-left:15vw}.timeline:before{left:20px}.timeline ul li:nth-child(2n),.timeline ul li:nth-child(odd){padding-left:50px;text-align:left;width:100%}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{left:16px;top:-18px}.timeline ul li:nth-child(2n) .date_content,.timeline ul li:nth-child(odd) .date_content{left:50px;right:inherit;top:-30px}}.tag_container{border-radius:10px;display:flex;flex-shrink:0;font-size:1rem;line-height:120%;margin:0;max-width:100%;min-width:0;padding:2px 6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tag_container,.tag_content_container{align-items:center;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag_content_container{display:inline-flex;line-height:20px}.tag_content{cursor:pointer;font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag_dot_container{align-items:center;display:flex}.tag_dot{border-radius:99px;display:inline-flex;flex-shrink:0;height:8px;margin-right:5px;width:8px}.link_icon_container{height:24px;width:24px}.link_icon{background-color:#fff;border:2px solid #fff;border-radius:50%}@media screen and (min-width:500px){.link_icon:hover{background-color:var(--link);border-color:var(--link)}}
/*# sourceMappingURL=main.097a7824.css.map*/