@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);:root{--tab-1:#7999e0;--tab-2:#5478cc;--tab-3:#5753c9;--tab-4:#6d53c9;--tab-3-hover:#c95753;--sidebar:#dcd5f7;--dark-font:#2c2c2e;--white-bg-font:#f8f8ff;font-size:10px}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}button{all:unset;cursor:pointer}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c2c2e;color:var(--dark-font);font-family:Quicksand,sans-serif;height:100vh;margin:0;width:100vw}#root{height:100%;width:100%}#root,main{display:flex}main{justify-content:flex-end;overflow:hidden;position:relative;width:82%;z-index:200}@media screen and (-webkit-device-pixel-ratio:2){:root{font-size:8px}}@media screen and (-webkit-device-pixel-ratio:1.5){:root{font-size:9px}}@media screen and (-webkit-device-pixel-ratio:1.25){:root{font-size:9px}}@media screen and (max-width:800px){body,html{overscroll-behavior:none}#root,main{flex-direction:column}main{height:100%;justify-content:flex-start;position:relative;width:100%}}@media screen and (min-width:540px) and (max-width:800px){:root{font-size:12px}}#sidebar{background-color:var(--sidebar);box-shadow:5px 0 15px rgba(0,0,0,.3);font-size:1.6rem;height:100%;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:3vh 2vw 1.5vh;position:relative;row-gap:2.5vh;width:18%;z-index:300}#sidebar,#sidebarHeader #name{align-items:center;display:flex;flex-direction:column}#sidebarHeader #name{margin-bottom:1vh}#sidebarHeader hr{border-style:solid;border-width:1px;color:var(--dark-font);display:block;margin:1.5vh 0}#name,#nameSubhead{color:var(--dark-font);margin:0}#name{font-size:clamp(3.3rem,2.4vw,4rem);text-align:center}#nameSubhead{font-size:clamp(1.5rem,1.4vw,2.3rem);font-weight:500;text-align:center}#portrait{border-radius:10px;height:auto;max-width:80%;overflow:hidden;width:auto}#bio{color:var(--dark-font);font-size:clamp(1.4rem,1.5vw,1.7rem);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;text-align:justify;white-space:pre-line}#buttons{flex-direction:column;margin-top:auto;width:100%}#buttons,#contactButton{align-items:center;display:flex}#contactButton{background-color:var(--tab-4);box-sizing:border-box;color:var(--white-bg-font);flex-direction:row;font-size:clamp(2rem,1.5vw,2.4rem);font-weight:500;justify-content:space-evenly;padding:1vh .3vw;-webkit-user-select:none;user-select:none;width:60%}#mailIcon{-webkit-filter:invert(100%);filter:invert(100%);height:auto;width:1vw}#langSelect{display:flex;flex-direction:row;justify-content:space-between;margin-top:4vh;-webkit-user-select:none;user-select:none;width:60%}#langSelect img{aspect-ratio:4/3;height:auto;width:3vw}.hover-button{transition:-webkit-filter .2s,-webkit-transform .2s;transition:filter .2s,transform .2s;transition:filter .2s,transform .2s,-webkit-filter .2s,-webkit-transform .2s}.hover-button:hover{-webkit-filter:drop-shadow(0 2px 3px rgb(0,0,0,.8));filter:drop-shadow(0 2px 3px rgb(0,0,0,.8));-webkit-transform:scale(110%);transform:scale(110%)}@media screen and (max-width:800px){#sidebar{align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.3);flex-direction:row;height:15vh;height:auto;justify-content:space-between;overflow:hidden;padding:2vh 3vh;width:100%}#sidebarHeader hr{margin:1vh 0}#name{font-size:clamp(2.5rem,2vw,3rem);text-align:center}#nameSubhead{font-size:clamp(1.6rem,1.4vw,2.4rem);font-weight:500;text-align:center}#sidebar #bio,#sidebar #portrait{display:none}#sidebar #buttons{align-items:center;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;margin-top:0;row-gap:1ch;width:36%}#contactButton{font-size:clamp(1.8rem,1.6vw,2.2rem);width:100%}#sidebar #mailIcon{margin-left:0;width:2.4vh}#langSelect{-webkit-column-gap:1vh;column-gap:1vh;display:flex;flex-direction:row;justify-content:space-between;margin-top:0;width:100%}#langSelect,#langSelect button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#langSelect button{width:35%}#langSelect img{aspect-ratio:4/3;height:auto;width:100%}.hover-button:hover{-webkit-filter:none;filter:none;-webkit-transform:scale(100%);transform:scale(100%)}.hover-button:active{-webkit-filter:drop-shadow(0 2px 3px rgb(0,0,0,.8));filter:drop-shadow(0 2px 3px rgb(0,0,0,.8));-webkit-transform:scale(110%);transform:scale(110%)}}.tab{box-shadow:-5px 0 15px rgba(0,0,0,.3);display:flex;flex:1 1 auto;font-size:1.6rem;overflow:hidden;position:relative;transition:flex .4s ease-in-out,background-color .4s ease-in-out}.tab-unopened{cursor:pointer;flex-basis:25%}.tab-unopened:hover{flex-basis:30%}.tab-opened{flex-basis:75%}.tab-minimized{cursor:pointer;flex:1 1 3%}.tab-minimized:hover{flex-grow:1.3}.tab-title{align-items:center;display:flex;height:100%;justify-content:center;left:0;margin:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:visibility .2s ease-out,opacity .2s ease-out;-webkit-user-select:none;user-select:none;visibility:visible;width:100%}.tab-title span{color:var(--white-bg-font);display:block;font-size:3rem;font-size:4rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-shadow:0 0 5px #000;text-transform:uppercase;transition:font-size .2s,-webkit-transform .2s;transition:transform .2s,font-size .2s;transition:transform .2s,font-size .2s,-webkit-transform .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tab-minimized .tab-title span{font-size:2vw;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tab-opened .tab-title{opacity:0;visibility:collapse}.tab-content{background-color:var(--white-bg-font);display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;overflow-x:hidden;overflow-y:scroll;padding:2vh 2vw;pointer-events:stroke;position:relative;scrollbar-width:thin;transition:opacity .4s ease-in-out,visibility .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility .4s ease-in-out,-webkit-transform .4s ease-in-out;width:65vw}.tab-overflow-inner{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.tab-minimized .tab-content,.tab-unopened .tab-content{opacity:0;-webkit-transform:translateX(3vw);transform:translateX(3vw);visibility:hidden}.tab-opened .tab-content{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}#skills{z-index:700}#skills,#skills .scrolltop{background-color:var(--tab-4)}#portfolio{z-index:800}#portfolio,#portfolio .scrolltop{background-color:var(--tab-3)}#experience{z-index:900}#experience,#experience .scrolltop{background-color:var(--tab-2)}#other{z-index:1000}#other,#other .scrolltop{background-color:var(--tab-1)}#experience.tab-opened,#other.tab-opened,#portfolio.tab-opened,#skills.tab-opened,.scrolltop{background-color:var(--white-bg-font)}.scrolltop{align-items:center;bottom:0;box-shadow:0 2px 3px rgba(0,0,0,.8);display:flex;justify-content:center;left:100%;padding:.5vh;position:-webkit-sticky;position:sticky;-webkit-transform:translateY(130%);transform:translateY(130%);transition:visibility .6s,-webkit-transform .5s ease-out;transition:visibility .6s,transform .5s ease-out;transition:visibility .6s,transform .5s ease-out,-webkit-transform .5s ease-out;visibility:hidden}.scrolltop img{aspect-ratio:1/1;width:2vw}.scroll-btn-display{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}@media screen and (max-width:800px){.tab{box-shadow:0 -5px 15px rgba(0,0,0,.3)}.tab-minimized .tab-title span{font-size:2rem;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.tab-content{height:100%;overflow-x:hidden;overflow-y:scroll;padding:2vh 2vw;pointer-events:stroke;width:100vw}.tab-overflow-inner{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.tab-minimized .tab-content,.tab-unopened .tab-content{opacity:0;-webkit-transform:translateY(3vh);transform:translateY(3vh);visibility:hidden}.tab-opened .tab-content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.scrolltop,.tab-minimized .scrolltop,.tab-unopened .scrolltop{-webkit-transform:translateY(130%);transform:translateY(130%);visibility:hidden}.scrolltop{align-items:center;background-color:var(--white-bg-font);bottom:0;box-shadow:0 2px 3px rgba(0,0,0,.8);display:flex;justify-content:center;left:100%;padding:.5vh;position:-webkit-sticky;position:sticky;transition:visibility .6s,-webkit-transform .5s ease-out;transition:visibility .6s,transform .5s ease-out;transition:visibility .6s,transform .5s ease-out,-webkit-transform .5s ease-out}.scrolltop img{aspect-ratio:1/1;width:8vw}.scroll-btn-display{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.element-taglist{-webkit-column-gap:1vh;column-gap:1vh;display:flex;font-size:2rem;margin:0}.element-taglist button:hover{color:var(--tab-3);cursor:pointer}.portfolio-element{background-color:var(--white-bg-font);border-bottom:2px solid var(--tab-3);display:flex;flex-direction:column;margin-top:3vh;max-height:100vh;overflow:hidden;padding-bottom:3vh;transition:max-height .5s,padding-bottom .5s,margin-top .5s,border-bottom .5s}.portfolio-element,.portfolio-element img{height:auto;width:100%}.portfolio-hidden{border:0 solid hsla(0,0%,100%,0);margin:0;max-height:0;padding:0}.portfolio-title{color:var(--tab-3);font-size:2.5rem;margin:1vh 0 2vh;text-transform:uppercase}.portfolio-title a{color:var(--tab-3);text-decoration:none}.portfolio-title a:after{aspect-ratio:1/1;background-color:var(--tab-3);content:"";display:inline-block;height:2rem;margin-left:1rem;-webkit-mask:url(/static/media/link.0e17f72a57b2fea8084f.svg) no-repeat center/contain;mask:url(/static/media/link.0e17f72a57b2fea8084f.svg) no-repeat center/contain;position:relative;z-index:0}.portfolio-title a:hover{color:var(--tab-3-hover)}.portfolio-title a:hover:after{background-color:var(--tab-3-hover)}.portfolio-year{font-size:2rem;font-style:oblique;font-weight:400;margin:0 0 2vh 1vh}.portfolio-text{-webkit-column-gap:2vw;column-gap:2vw;display:flex;font-size:2rem;justify-content:flex-start;line-height:1.5;vertical-align:bottom;white-space:pre-line}.portfolio-subheader{display:block;font-size:2.2rem;font-weight:600}.portfolio-text p{display:block;width:50%}.portfolio-nav{display:flex;font-size:2rem}.dropdown-select.portfolio-select{width:40%}.portfolio-select .dropdown-base{background-color:var(--white-bg-font);border:1px solid var(--tab-3)}.portfolio-select .dropdown-base:hover,.portfolio-select .dropdown-option:hover{background-color:var(--tab-3);color:var(--white-bg-font)}.portfolio-select .dropdown-active-menu{background-color:var(--white-bg-font);border:1px solid var(--tab-3);border-top:none}.portfolio-select .dropdown-active-hidden{border:none}.portfolio-nav button{background-color:var(--white-bg-font);border:1px solid var(--tab-3);border-left:none;display:block;font-weight:400;padding:0 1vw}.portfolio-nav button:hover{background-color:var(--tab-3);color:var(--white-bg-font)}@media screen and (max-width:800px){.portfolio-element{padding:0 5% 3vh}.portfolio-hidden{padding:0}.portfolio-title{display:flex;flex-direction:column;font-size:2.3rem;margin:1vh 0 0}.portfolio-title a{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.portfolio-year{font-size:1.8rem;font-style:oblique;font-weight:400;margin:1vh 0 2vh}.portfolio-text{align-items:center;flex-direction:column;font-size:1.7rem;margin-bottom:2vh}.portfolio-subheader{display:block;font-size:2rem;font-weight:600}.portfolio-text p{margin-bottom:0;width:100%}.dropdown-select.portfolio-select{width:78%}.portfolio-nav button{text-align:center;width:18%}.portfolio-nav button:hover{background-color:var(--white-bg-font);color:var(--tab-3)}.portfolio-nav button:active{background-color:var(--tab-3);color:var(--white-bg-font)}.portfolio-select .dropdown-base:hover,.portfolio-select .dropdown-option:hover{background-color:var(--white-bg-font);color:var(--tab-3)}.portfolio-select .dropdown-base:active,.portfolio-select .dropdown-option:active{background-color:var(--tab-3);color:var(--white-bg-font)}}.dropdown-select{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;width:100%}.dropdown-base{background-color:coral;padding:1vh;width:100%}.dropdown-base:hover{background-color:aqua}.dropdown-active-hidden{height:0;overflow:hidden}.dropdown-active-menu{background-color:coral;box-shadow:0 4px 3px rgba(0,0,0,.3);max-height:65vh;overflow-y:auto;position:absolute;scrollbar-width:thin;width:100%;z-index:2000}.dropdown-option{padding:1vh}.dropdown-option:hover{background-color:aqua}.skills-cont{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:0 2vw;row-gap:2vh;width:100%}.skills-element{background-color:var(--white-bg-font);width:47%}.skills-element h3{background-color:var(--tab-4);color:var(--white-bg-font);font-size:3rem;margin:0 0 1vh;padding:1vh 0;text-align:center;text-shadow:0 0 5px rgb(0,0,0,.4);-webkit-user-select:none;user-select:none}.skills-content{font-size:2rem;height:auto;line-height:1.5;margin:0;max-height:100vh;overflow:hidden;padding:0 1vw;transition:max-height .5s}.skills-content ul{list-style:circle;padding:0 2vw}.skills-content li{margin-bottom:1vh}@media screen and (max-width:800px){.skills-cont{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;row-gap:2vh}.skills-hidden{height:auto;max-height:0}.skills-element{width:100%}.skills-content ul{padding:0 0 0 4vh}.skills-element h3{font-size:2.6rem}.skills-content{font-size:1.8rem}.skills-element h3:active{background-color:var(--sidebar);color:var(--dark-font);text-shadow:none}}#contactForm{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:100%;z-index:1200}#contactForm.contactForm-unopened{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#contactForm.contactForm-opened{-webkit-transform:translateX(0);transform:translateX(0)}#contactFormBG{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:1100}#contactFormBG.contactForm-unopened{opacity:0;visibility:collapse}#contactFormBG.contactForm-opened{background-color:#000;opacity:.6;visibility:visible}.form-cont{background-color:var(--sidebar);height:-webkit-max-content;height:max-content;padding:3vh;position:relative;width:60%}.form-cont h2{font-size:clamp(3.3rem,2.4vw,4rem);margin-top:0}.form-cont .close-btn{font-size:3rem;position:absolute;right:2vh;top:2vh}.form-cont label{font-size:clamp(1.4rem,1.5vw,1.7rem);margin-bottom:1vh}.contact-form{display:flex;flex-direction:column;width:100%}.form-row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2.5vh;width:100%}.form-elem{display:flex;flex-direction:column;width:48%}.form-msg .form-elem,.form-subject{width:100%}.row-label{margin:0}.form-msg textarea{height:30vh;resize:none}.form-submit{font-size:clamp(1.8rem,1.7vw,2.8rem);justify-content:center;width:100%}.submit-button{align-items:center;background-color:var(--tab-4);box-sizing:border-box;color:var(--white-bg-font);display:flex;flex-direction:row;font-weight:400;font-weight:500;justify-content:space-evenly;padding:1vh .3vw;position:relative;transition:-webkit-filter .2s,-webkit-transform .2s;transition:filter .2s,transform .2s;transition:filter .2s,transform .2s,-webkit-filter .2s,-webkit-transform .2s;-webkit-user-select:none;user-select:none;width:100%}.submit-button:hover{-webkit-filter:drop-shadow(0 2px 3px rgba(0,0,0,.8));filter:drop-shadow(0 2px 3px rgb(0,0,0,.8));-webkit-transform:scale(102%);transform:scale(102%)}#contactForm input,#contactForm textarea{border:1px solid #f8f8ff;color:var(--darkfont);font-family:Quicksand,sans-serif;font-size:clamp(1.3rem,1.5vw,1.6rem);padding:3px}#contactForm input:focus,#contactForm textarea:focus{border-color:var(--tab-4);border-style:solid;outline:none}.input-error::-webkit-input-placeholder{color:red;font-weight:700}.input-error::placeholder{color:red;font-weight:700}.input-error{border-color:red!important}.input-error:focus{border-color:#f8f8ff!important}.input-error:focus::-webkit-input-placeholder{color:inherit;font-weight:inherit}.input-error:focus::placeholder{color:inherit;font-weight:inherit}@media screen and (max-width:800px){.contact-form,.form-cont{height:100%}.form-cont{padding:3vh 3vh 4vh;width:100%}.form-cont .close-btn{font-size:3rem;position:absolute;right:2vh;top:2.5vh}.form-cont h2{font-size:clamp(2.6rem,2vw,3rem);margin-top:0}.form-cont label{font-size:clamp(1.6rem,1.8vw,2rem);margin-bottom:1vh}.row-label label{margin:0}.form-row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2vh}.form-msg{height:100%}.form-msg textarea{height:95%;resize:none}.form-submit{font-size:clamp(1.8rem,1.7vw,2.8rem);justify-content:center;margin-bottom:6vh;width:100%}.submit-button:hover{-webkit-filter:none;filter:none;-webkit-transform:scale(100%);transform:scale(100%)}.submit-button:active{-webkit-filter:drop-shadow(0 2px 3px rgba(0,0,0,.8));filter:drop-shadow(0 2px 3px rgb(0,0,0,.8));-webkit-transform:scale(102%);transform:scale(102%)}#contactForm input,#contactForm textarea{font-size:clamp(1.3rem,1.5vw,1.6rem);padding:6px}#contactForm.contactForm-unopened{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}#contactForm.contactForm-opened{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}.exp-section-title{background-color:var(--tab-2);color:var(--white-bg-font);font-size:3rem;margin:0 0 2vh;padding:1vh;text-align:center;text-shadow:0 0 5px rgb(0,0,0,.4);text-transform:uppercase}.exp-section{display:flex;flex-direction:column;padding:2vh 2vw;row-gap:2vh}.exp-element{background-color:var(--white-bg-font);line-height:1.75}.exp-period{color:var(--tab-2);font-size:1.8rem;font-style:oblique;font-weight:400;margin:0}.exp-title{font-size:2.2rem;font-weight:600;margin:0}.exp-list li{font-size:1.8rem}#expFormations .exp-section{flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:3vh}#expFormations .exp-element{width:45%}#expFormations .exp-title{font-size:2.1rem}#expPro{margin-bottom:2vh}@media screen and (max-width:800px){.exp-section-title{font-size:2.5rem;margin:0 0 2vh}.exp-section{padding:2vh 2vw}.exp-period{font-size:1.5rem}.exp-title{font-size:1.9rem}.exp-list{margin-top:1vh;padding-left:2vh}.exp-list li{font-size:1.6rem;margin-bottom:1vh}#expFormations{padding:0 2vw}#expFormations .exp-section{flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:3vh}#expFormations .exp-element{width:100%}#expFormations .exp-title{font-size:1.9rem}#expPro{margin-bottom:1vh;padding:0 2vw}}.link-cont{display:flex;flex-direction:column;row-gap:1vh}.link-element a{color:var(--tab-1);display:block;font-size:3rem;font-weight:600;margin-bottom:2vh;text-decoration:none;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.link-element a:after{aspect-ratio:1/1;background-color:var(--tab-1);content:"";display:inline-block;height:2.5rem;margin-left:1rem;-webkit-mask:url(/static/media/link.0e17f72a57b2fea8084f.svg) no-repeat center/contain;mask:url(/static/media/link.0e17f72a57b2fea8084f.svg) no-repeat center/contain;position:relative;z-index:0}.link-element a:hover{color:var(--tab-3-hover)}.link-element a:hover:after{background-color:var(--tab-3-hover)}.link-element p{font-size:2rem;font-weight:400;margin:0 0 1vh}.link-element{background-color:var(--white-bg-font);border-bottom:1px solid var(--tab-1);max-width:100%;padding:2vh 2vw}.link-element:last-child{border-bottom:none}@media screen and (max-width:800px){.link-cont{padding:0 2vw}.link-element a{font-size:2.5rem;margin-bottom:2vh}.link-element a:after{height:2.1rem}.link-element a:hover{color:var(--tab-1)}.link-element a:hover:after{background-color:var(--tab-1)}.link-element a:active{color:var(--tab-3-hover)}.link-element a:active:after{background-color:var(--tab-3-hover)}.link-element p{font-size:1.6rem;font-weight:400;margin:0 0 1vh}}
/*# sourceMappingURL=main.353bb719.css.map*/