:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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;display:flex;place-items:center;min-width:320px;min-height:100vh}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;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--line-color: #e95d00;--profile-bg-color: hsl(40, 100%, 70%);--nontech-tag-color: hsl(76, 49%, 38%)}html{background-color:#fff!important}body{margin:0;place-items:start center;width:100%;overflow-x:hidden}#wrapper{padding-bottom:2em}.section{max-width:100%}#canvas-wrapper{position:absolute;z-index:-1}#background-canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;position:relative;height:calc(100% + 100px)}#root{width:100%}h1{margin-top:50px;margin-bottom:180px;font-size:5em;color:#fff!important}h2,h3,p,.whitebox{color:#444!important}h1,h2{text-align:center;width:100%}h1{color:#fff}.org_logo{max-width:200px;max-height:200px}.name_title{padding-top:3em;padding-bottom:4em;font-weight:700}#timeline{width:100%;place-content:center;position:relative;max-width:900px;margin:auto}#timeline #line{border-top:5px solid white;border-color:var(--line-color);position:relative;margin-top:150px;margin-bottom:250px}#timeline #line:after{content:"";border:6px solid var(--line-color);position:absolute;top:-8px;border-radius:100%;display:none}#timeline #line:before{content:"";width:15px;height:15px;border-bottom:5px solid var(--line-color);border-right:5px solid var(--line-color);position:absolute;right:0;transform:rotate(-45deg);top:-12px}#timeline .line_year{position:absolute;display:flex;bottom:10px;flex-direction:column;gap:5px}#timeline .point{content:"";background-color:var(--line-color);width:24px;height:24px;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;position:relative;transition:transform .5s,translate .5s,margin-top .5s;animation-name:tech_animation;animation-duration:.5s}#timeline .point:hover{transform:scale(1.3);translate:0 -8px 0;margin-top:8px}#timeline .point .MuiIcon-root{width:100%;height:100%;animation:icon_to_white .1s forwards}#timeline .point:after{position:absolute;width:3px;height:10px;bottom:-10px;background-color:var(--line-color);content:""}#timeline .tech{transform:rotate(-45deg);display:flex;position:absolute;top:-5px;transition:transform .5s}#timeline .tech:hover{transform:scale(1.2) rotate(-41deg)}#timeline .tech span{display:block;cursor:default;padding:1px 10px;border-radius:5px;font-weight:700;font-size:.9em;background-color:var(--line-color);color:#fff!important;right:5px;position:absolute;text-wrap:nowrap;top:20px;animation-name:tech_animation;animation-duration:1s;animation-timing-function:ease}.tag{float:left;margin-top:.5em;transition:transform .5s;cursor:default;padding:1px 10px;border-radius:5px;font-weight:700;font-size:.9em;background-color:var(--nontech-tag-color);color:#fff!important;text-wrap:nowrap}.tag:nth-child(n+1){margin-right:.5em}.tag.tech{background-color:var(--line-color)}.point_label{text-align:center;font-size:1.2em;color:#444}@keyframes tech_animation{0%{transform:scale(0);color:#fff}to{transform:scale(1);color:#fff}}@keyframes icon_to_white{0%{color:#fff}to{color:#fff}}.years_of_exp{text-align:center;font-size:2.5em;font-weight:700}.years_of_exp span{font-weight:400;font-size:.8em}.profile{text-align:center;width:100%;max-width:800px;margin:auto}.profile .self_image{border-radius:100%;max-width:250px}.contact_info{max-width:600px;margin:auto}.contact_info span{color:#333}.contact_info img{width:80px;height:80px;transition:transform .3s}.contact_info img:hover{transform:scale(1.15)}@media(max-width:900px){.whitebox{max-width:92%!important;background-color:#fff;border-radius:8px;padding:2em 1em;margin:auto}h1{margin-bottom:0;margin-top:20px}}