@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:has(.App){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{background:#b2bd99;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 card-roll{0%{opacity:0;--focus:0;transform:perspective(900px)rotateX(-42deg)scale(.88)translateY(96px)}25%{opacity:.55}42%,58%{opacity:1;--focus:1;transform:none}75%{opacity:.55}to{opacity:0;--focus:0;transform:perspective(900px)rotateX(38deg)scale(.9)translateY(-80px)}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.exp-wrap{animation:linear both card-roll;animation-timeline:view()}}}@property --focus{syntax:"<number>";inherits:true;initial-value:0}.exp-focus{opacity:var(--focus,0);box-shadow:0 12px 32px #344e4138,inset 0 1px #fff3}.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}@media (min-width:768px){.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}.code-watermark{opacity:.75}.code-watermark #output pre,.code-watermark #output pre span{color:#344e41!important}.exp-meta{font-family:var(--font-terminal), ui-monospace, monospace;letter-spacing:.02em}.exp-plus{font-family:var(--font-terminal), ui-monospace, monospace}