@font-face{font-family:BeVietnam-Regular;src:url(/fonts/BeVietnam-Regular.ttf)}.App{text-align:center;height:100vh;overflow:hidden scroll}*{box-sizing:border-box}@media (max-width:800px){::-webkit-scrollbar{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#897e87;border:0 #fff}::-webkit-scrollbar-track{background:#e0ddcf;border:0 #fff}::-webkit-scrollbar-corner{background:0 0}body{font-family:BeVietnam-Regular;overflow-y:hidden}.App-logo{pointer-events:none;height:40vmin}.App-header{display:flex}.fadeIn{opacity:1;animation-name:fadeInOpacity;animation-duration:1s;animation-timing-function:ease-in;animation-iteration-count:1}.App-link{color:#61dafb}@media (max-width:800px){.navigation-bar{display:none}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}#home{background-color:#086788;height:100vh}@keyframes expand{0%{left:0%}to{left:-50%}}@keyframes scroll{0%{margin-top:0}to{margin-top:-300%}}@keyframes colorShift{0%{fill:#f1f0ea}to{fill:#588157}}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff17;border-radius:0 16px 16px 0;box-shadow:0 4px 30px #0000001a}@keyframes reveal{0%{transform-origin:bottom;opacity:0;transform:rotateX(-70deg)}to{transform-origin:bottom;opacity:1;transform:rotateX(0)}}@keyframes swing-in-bottom-bck{0%{background-color:#fff}to{background-color:#00f}}@keyframes wipe-open{0%{opacity:0;width:0}to{opacity:1;width:100vw}}.carousel{animation:wipe-open;animation-timeline:view();animation-range:entry cover 400px}.carousel>*{text-wrap:nowrap}.carousel>:hover{scale:1.4}@supports (animation-timeline:view()){@keyframes fadeIn{0%,to{stroke-dashoffset:0%}30%,70%{opacity:1;stroke-dashoffset:100%;transform:translate(0%)}50%{transform:translate(-10%)}}@media (min-width:1024px){.exp{animation:ease-in-out fadeIn;animation-timeline:view()}}}.shadow{background:linear-gradient(#0000 95%,#00000028 100%)}.rounded{transition:all .2s ease-in-out}.name-card{animation:linear expand;animation-timeline:scroll();animation-range:cover cover 25%}.experience-container{scroll-timeline-name:--experience}.header-scroll{animation:linear scroll;animation-timeline:scroll();animation-range:cover}.App{scroll-timeline-name:--heroTimeline}.social-links{animation:forwards colorShift;animation-timeline:--heroTimeline;animation-range:cover cover 10%}#output pre,#output pre mark{color:#fafbfb;line-height:24px}#output.has-highlights[data-seltreat=focus] pre>:not(mark),#output.has-highlights[data-seltreat=focus] pre :not(mark),#output.has-highlights[data-seltreat=focus] pre{color:#87858e}#output.has-highlights[data-seltreat=highlight] pre mark{background-color:#425a6c}#output:after{background-color:#241e30}#output pre .token.comment,#output pre .token.prolog,#output pre .token.doctype,#output pre .token.cdata{color:gray}#output pre .token.namespace{opacity:.7}#output pre .token.string,#output pre .token.regex,#output pre .token.attr-value{color:#f08700}.token.string:before,.token.string:after,.string-property:before,.string-property:after{content:"\""}#output pre .token.punctuation,#output pre .token.operator{color:#8be9fd}#output pre .token.entity,#output pre .token.url,#output pre .token.symbol,#output pre .token.number,#output pre .token.variable,#output pre .token.constant,#output pre .token.inserted{color:#b07bac}#output pre .token.atrule,#output pre .token.class-name,#output pre .token.attr-name,#output pre .token.selector,#output pre .token.builtin{color:#d65bad}#output pre .token.deleted,#output pre .token.property,#output pre .token.boolean,#output pre .token.keyword,#output pre .token.tag{color:#1cdec9}#output pre .token.important,#output pre .token.metadata{color:#ff8383}#output pre .token.bold{font-weight:700}#output pre .token.italic{font-style:italic}