:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-background-left: #232d4d;--vt-c-background-right: #e7e7e7;--vt-c-text-left: #F2E8D3;--vt-c-text-right: #302609;--vt-c-accent: 106, 127, 219;--vt-c-accent-light: 150, 165, 229;--vt-c-accent-extra-light: 182, 192, 237;--vt-c-accent-dark: 74, 88, 153;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: #F8F7F3;--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@font-face{font-family:CustomFont;src:url(/Montserrat-VariableFont_wght.ttf);font-weight:400}@font-face{font-family:CustomFont;src:url(/FrancoisOne-Regular.ttf);font-weight:700}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--vt-c-text-right);background-image:linear-gradient(95deg,var(--vt-c-background-left) 45%,var(--vt-c-background-right) 45%);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;transition:color .5s,background-color .5s;line-height:1.6;font-family:CustomFont;font-size:1.2em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:rgb(var(--vt-c-accent))}@media only screen and (max-width: 768px){body{background-image:none;background-color:var(--vt-c-background-right);background-attachment:scroll;background-position:top}}#app{margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;padding:3px}header[data-v-d43f8838]{padding:4em}.menubar[data-v-d43f8838]{padding:1em;position:sticky;top:0}#name[data-v-f07d6dfc]{font-weight:700;position:sticky;top:0}.header[data-v-33310bf0]{display:flex;justify-content:space-between}.job-title[data-v-33310bf0]{font-weight:700}.header[data-v-33310bf0]>*{width:50%}.content[data-v-33310bf0]{margin-top:1em}@media only screen and (max-width: 768px){.header[data-v-33310bf0]{display:block}.header[data-v-33310bf0]>*{width:100%}}.menu[data-v-8285f4d3]{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-transform:uppercase}.menu-item[data-v-8285f4d3]{width:15rem;text-align:center}.menu-item[data-v-8285f4d3]:after{margin:0 auto;display:block;content:"•";float:left;font-weight:700;opacity:0;transition:opacity .35s ease-out}.menu-item[data-v-8285f4d3]:not(.active):hover:after{opacity:1}.menu-item.active[data-v-8285f4d3]:after{opacity:1}#openMenu{opacity:1;transition:transform .2s ease-in-out;transform:scale(1) rotate(0)}#openMenu.opened{transform:scale(0) rotate(90deg)}#closeMenu{transition:transform .2s ease-in-out;transform:scale(0) rotate(-90deg)}.button-icon{position:absolute;width:50px;text-align:center}#closeMenu.opened{opacity:1;transform:scale(1) rotate(0)}#hamburger-menu{position:fixed;top:.5rem;left:.5rem;z-index:5;display:none;row-gap:1em}#hamburger-toggle{font-weight:700;font-size:24px;box-sizing:border-box;background:rgba(var(--vt-c-accent-light),.5);border-radius:50%;display:flex;justify-content:center;height:50px;width:50px;text-align:center;align-items:center;cursor:pointer;transition:transform .3s ease-out;box-shadow:.1px .1px .3px #00000005,.1px .1px .8px #00000007,.3px .3px 1.5px #00000009,.4px .4px 2.7px #0000000b,.8px .8px 5px #0000000d,2px 2px 12px #00000012}#hamburger-toggle:hover{background:rgb(var(--vt-c-accent));transform:scale(1.1);box-shadow:.4px .4px .3px #00000005,1px 1px .8px #00000007,1.9px 1.9px 1.5px #00000009,3.4px 3.4px 2.7px #0000000b,6.3px 6.3px 5px #0000000d,15px 15px 12px #00000012}#hamburger-toggle.opened{background:#c7d9fe}#hamburger-menu-item-container{transform:scaleY(0);background-color:var(--vt-c-background-right);z-index:5;box-shadow:0 3px 10px #0001014d;border:1px solid rgba(200,200,200,.3);border-radius:7px;transition:transform .15s;transform-origin:top}#hamburger-menu-item-container.opened{transform:scaleY(1)}#hamburger-menu-item-container a{color:var(--vt-c-text-right)}@media only screen and (max-width: 768px){#hamburger-menu{display:grid}}.personal-links{display:flex;column-gap:1.5rem;width:100%;align-items:center;flex-wrap:wrap}.icon{max-height:1.6rem}#personal-info{padding:1.2em}@media only screen and (max-width: 768px){#personal-info{background-image:linear-gradient(178deg,var(--vt-c-background-left) 90%,var(--vt-c-background-right) 90%)}}.all-skills[data-v-7cee468b]{display:grid;grid-template-columns:125px 75%;row-gap:2rem}.category[data-v-7cee468b]{text-transform:uppercase;font-weight:700}.skill[data-v-7cee468b]{display:inline-block;padding:8px 16px;font-size:14px;background:linear-gradient(135deg,rgb(var(--vt-c-accent-light)) 25%,rgb(var(--vt-c-accent-extra-light)) 80%);border:1px solid rgb(var(--vt-c-accent-extra-light));border-radius:50px;box-shadow:2px 2px 8px #0000001a;text-align:center;transition:all .3s ease;margin:0 5px 7px;cursor:pointer}.skill[data-v-7cee468b]:hover{background:linear-gradient(135deg,#b6c0ed 25%,rgb(var(--vt-c-accent-light)) 80%);color:#fff;box-shadow:2px 4px 12px #00000026;transform:translateY(-2px)}@media only screen and (max-width: 768px){.all-skills[data-v-7cee468b]{grid-template-columns:100%;row-gap:.8rem}.category[data-v-7cee468b]:not(:first-child){margin-top:2rem}}h1{font-weight:700}main{width:auto;margin:0;padding:0;box-sizing:border-box}.col{padding:.5rem}.flex-container{width:98rem;max-width:65vw;margin:0 auto;padding:4rem 0;scroll-behavior:smooth;position:relative;display:flex}.left-col{width:30%;max-width:30rem;position:fixed;margin-bottom:2rem;overflow:hidden;overflow-y:auto;color:var(--vt-c-text-left);transform:translateY(20%);opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.left-col.active{opacity:1;transform:translateY(0)}.left-col a{color:var(--vt-c-text-left)}.right-col{color:var(--vt-c-text-right);max-width:55rem;width:50%;margin:0 0 0 auto;min-height:60rem;overflow:hidden;opacity:0;transform:translateY(-20%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.hide{opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translateY(-30%)}.right-col.active{opacity:1;transform:translateY(0)}.divider{width:100%;height:3px;background:radial-gradient(circle at 100% 100%,#ffffff 0,#ffffff 3px,transparent 3px) 0% 0%/8px 8px no-repeat,radial-gradient(circle at 0 100%,#ffffff 0,#ffffff 3px,transparent 3px) 100% 0%/8px 8px no-repeat,radial-gradient(circle at 100% 0,#ffffff 0,#ffffff 3px,transparent 3px) 0% 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,#ffffff 0,#ffffff 3px,transparent 3px) 100% 100%/8px 8px no-repeat,linear-gradient(#fff,#fff) 50% 50% / calc(100% - 10px) calc(100% - 16px) no-repeat,linear-gradient(#fff,#fff) 50% 50% / calc(100% - 16px) calc(100% - 10px) no-repeat,linear-gradient(145deg,transparent 0%,#dce5f7 100%);border-radius:8px}#nav-bar{margin-top:3rem}@media only screen and (max-width: 768px){.flex-container{flex-direction:column;margin-top:1rem;padding-top:0;max-width:100%}.left-col{position:relative;width:100%;margin:0 auto;float:right}.right-col{width:100%}#nav-bar{display:none!important}#hamburger-menu{display:grid}}