@font-face{font-family:silka regular;src:url(../fonts/silka-regular.1c3700ee.woff) format("woff");font-display:swap}@font-face{font-family:silka medium;src:url(../fonts/silka-medium.d9802b80.woff) format("woff");font-weight:700;font-display:swap}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-light-gray:#e9ecef;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-divider-light-1:rgba(60,60,60,0.29);--vt-c-divider-light-2:rgba(60,60,60,0.12);--vt-c-divider-dark-1:rgba(84,84,84,0.65);--vt-c-divider-dark-2:rgba(84,84,84,0.48);--vt-c-text-light-1:var(--vt-c-black-mute);--vt-c-text-light-2:rgba(60,60,60,0.66);--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:hsla(0,0%,92.2%,0.64);--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-box-icon:var(--vt-c-light-gray);--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;--color-nav-button:#e1e1e1;--color-nav-button-selected:#c9c9c9}*,:after,:before{box-sizing:border-box;margin:0}body{color:var(--color-text);background:var(--color-background-mute);transition:color .5s,background-color .5s;font-size:15px;font-family:silka regular,sans-serif;line-height:24px;letter-spacing:.5px;font-weight:400}body #app .main{display:flex;flex-direction:column;gap:2rem;padding:4em}body #app .main nav{display:flex;flex-direction:row;gap:.75rem}body #app .main nav a{border-radius:1rem;text-align:center;font-size:18px;text-decoration:none;background-color:var(--color-nav-button);display:flex;flex-direction:row;gap:1rem;align-items:center;padding:.75rem 1rem;color:#000}body #app .main nav a.router-link-active{background-color:var(--color-nav-button-selected)}body #app .main nav a img{width:30px}body #app .main nav a img.me-small{width:28px}body #app .main .grid{margin:0 auto;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:250px 250px;grid-gap:.75rem;grid-auto-rows:280px}body #app .main .grid.home-grid,body #app .main .grid.projects-grid{border-radius:2em;overflow:hidden;isolation:isolate}body #app .main .grid_1_1{margin:1em 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}body #app .main .box{overflow:hidden;will-change:transform;background:var(--color-background);position:relative;width:100%}body #app .main .box.about-me{border-radius:2em 2em 0 0}body #app .main .box.hobbies,body #app .main .box.languages{border-radius:0 0 2em 2em}body #app .main .box.hobbies .grid-about,body #app .main .box.languages .grid-about{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.75rem;border-radius:2em;overflow:hidden}body #app .main .box.hobbies .grid-about .emoji,body #app .main .box.languages .grid-about .emoji{border-radius:1em;padding:1.25em 1em;text-align:center;background-color:var(--color-box-icon)}body #app .main .box.hobbies .grid-about .emoji img,body #app .main .box.languages .grid-about .emoji img{width:35px}body #app .main .box.career{border-radius:2em 0 2em 2em}body #app .main .box.career .career-lines{display:flex;flex-direction:column;gap:1em}body #app .main .box.career .career-lines .grid-carrer{display:grid;grid-template-columns:1fr 10fr;grid-gap:1rem}body #app .main .box.career .career-lines .grid-carrer .company-logo{width:100%;margin-top:1em}body #app .main .box.career .career-lines .grid-carrer .job-date{color:#6c6c6c}body #app .main .box.skills{border-radius:0 2em 2em 0}body #app .main .box.skills .grid-skills{margin-top:1em;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;border-radius:1.25em;overflow:hidden}body #app .main .box.skills .grid-skills div{border-radius:.75em;padding:.75em;font-size:15px;text-align:center;color:#fff}body #app .main .box.box-width-2{grid-column:span 2}body #app .main .box.box-width-3{grid-column:span 3}body #app .main .box.box-width-4{grid-column:span 4}body #app .main .box.box-width-height-2{grid-row:span 2;grid-column:span 2}body #app .main .box.box-width-3-height-2{grid-row:span 2;grid-column:span 3}body #app .main .box.box-with-background{background-repeat:no-repeat;background-size:cover;text-decoration:none;background-position:top}body #app .main .box.box-with-background .box-content{align-items:unset;justify-content:unset}body #app .main .box.box-with-background .box-content .title{font-size:20px;color:var(--vt-c-text-dark-1)}body #app .main .box.box-with-background .box-content .description{color:var(--vt-c-white-mute)}body #app .main .box.linkedin{background-color:#0b66c2}body #app .main .box.linkedin img{width:50px}body #app .main .box.git{background-color:#1b1f23}body #app .main .box.git img{width:45px}body #app .main .box .box-content{padding:36px;height:100%;width:100%;position:relative;display:flex;justify-content:center;flex-direction:column}body #app .main .box .box-content.box-map{padding:36px 25px;align-items:center;text-align:center}body #app .main .box .box-content.box-map .title{font-size:15px}body #app .main .box .box-content.box-map .position-icon{margin-bottom:1em;width:70px}body #app .main .box .box-content.about-me{display:grid;grid-template-columns:2fr 3fr;grid-gap:1.5rem}body #app .main .box .box-content.about-me.box-content{align-items:center}body #app .main .box .box-content.about-me .my-memoji{-webkit-animation:zoom-in-zoom-out 1s ease-out;animation:zoom-in-zoom-out 1s ease-out;height:100%;position:relative}body #app .main .box .box-content.about-me .my-memoji .my-memoji-image{height:16em;position:absolute;bottom:-4em;left:50%;transform:translateX(-50%)}body #app .main .box .box-content .box-button{position:absolute;bottom:2em;left:50%;transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;background:var(--vt-c-white-mute);color:var(--vt-c-text-light-1);text-decoration:none;border-radius:32px;padding:.5em 1em}body #app .main .box .box-content .waving-hand{width:25px}body #app .main .box .box-content .eyes{width:18px}body #app .main .box .box-content .title{font-family:silka medium,sans-serif;font-size:20px;font-weight:500;color:var(--color-heading)}body #app .main .box .box-content .description{font-family:silka medium,sans-serif;font-size:15px;font-weight:300;margin-bottom:1rem;color:var(--color-heading)}body #app .main .box .social-box{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body #app .main .box .social-box .title{margin-top:1em;color:var(--vt-c-white);font-size:15px}body #app .main .projects-view{position:fixed;width:100vw;height:100vh;top:0;left:0;transform:translate(0);color:var(--color-text);background:var(--color-background-mute);z-index:1;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:zoom;animation-name:zoom;overflow-y:scroll;padding-bottom:4em}body #app .main .projects-view .close-btn{margin:2.5em auto;width:45px;height:45px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-out 0s;background:#393939;cursor:pointer}body #app .main .projects-view .close-btn img{width:18px}body #app .main .projects-view .content{padding:0 10em 2em 10em}body #app .main .projects-view .content .grid_1_2{display:grid;grid-template-columns:1fr 2fr;margin-bottom:2em}body #app .main .projects-view .content .grid_1_2 .left-side{position:relative}body #app .main .projects-view .content .grid_1_2 .left-side .logo{width:12em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body #app .main .projects-view .content .grid_1_2 .left-side .logo.merit{width:16em}body #app .main .projects-view .content .grid_1_2 .right-side{padding:0 5em}body #app .main .projects-view .content .grid_1_2 .right-side .title{font-family:silka medium,sans-serif;font-size:20px;font-weight:500;color:var(--color-heading)}body #app .main .projects-view .content .grid_1_2 .right-side .description{font-family:silka medium,sans-serif;font-size:15px;font-weight:300;margin-bottom:1rem;color:var(--color-heading)}body #app .main .projects-view .content .grid_1_2 .right-side .git-link{font-family:silka medium,sans-serif;font-size:15px;font-weight:300;background-color:#fff;padding:.5em 1em;margin-top:.75em;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#000;text-decoration:unset}body #app .main .projects-view .content .grid_1_2 .right-side .git-link:hover{background-color:#e3e3e3}body #app .main .projects-view .content .title-version{font-family:silka medium,sans-serif;font-size:20px;font-weight:500;color:var(--color-heading);text-align:center;background-color:#fff;padding:.75em 2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:1.5em auto}body #app .main .projects-view .content .grid-photos{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:325px 325px;grid-gap:1rem;grid-auto-rows:280px}body #app .main .projects-view .content .grid-photos div{background-size:cover;grid-column:span 2;border-radius:2em}body #app .main .projects-view .content .grid-photos div.no-radius{border-radius:unset}body #app .main .projects-view .content .grid-photos div.two-col-two-rows{grid-column:span 2;grid-row:span 2;background-position-x:center}body #app .main .projects-view .content .grid-photos div.four-col{grid-column:span 4}body #app .main .projects-view .content .grid-photos div.two-rows-two-col{grid-row:span 2;grid-column:span 2}p{margin:.5em 0}.d-none{display:none}.d-block{display:block}.mt-1{margin-top:1em}.emoji-icon{width:35px}.zoom-enter-active,.zoom-leave-active{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:zoom;animation-name:zoom}.zoom-leave-active{animation-direction:reverse}@-webkit-keyframes zoom{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes zoom{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes zoom-in-zoom-out{0%{transform:translateY(50%)}to{transform:translateY(0)}}@keyframes zoom-in-zoom-out{0%{transform:translateY(50%)}to{transform:translateY(0)}}@media(max-width:1300px){body #app .main{padding:4em 2em}body #app .main .grid_1_1 .box .box-content{justify-content:unset}body #app .main .box .box-content .grid-about{grid-template-columns:1fr 1fr}}@media(max-width:1080px){body #app .main .grid{grid-template-rows:unset}body #app .main .grid,body #app .main .grid_1_1{grid-template-columns:1fr}body #app .main .box.box-width-3{grid-column:unset}body #app .main .box.box-width-height-2{grid-row:unset;grid-column:unset}body #app .main .box.box-width-2,body #app .main .box.box-width-3-height-2{grid-column:span 4}body #app .main .box .box-content.about-me{grid-template-columns:1.5fr 3fr}body #app .main .projects-view .content{padding:0 5em 2em 5em}body #app .main .projects-view .content .grid_1_2{grid-template-columns:1fr}body #app .main .projects-view .content .grid_1_2 .left-side .logo{position:relative;top:unset;left:50%;transform:translateX(-50%);margin-bottom:2em}body #app .main .projects-view .content .grid_1_2 .right-side{padding:0}body #app .main .projects-view .content .grid-photos{grid-template-columns:1fr;grid-template-rows:unset}body #app .main .projects-view .content .grid-photos div.four-col{grid-column:span 2}body #app .main .projects-view .content .grid-photos div.two-rows-three-col{grid-row:unset}}@media(max-width:920px){body #app .main{padding:2em}}@media(max-width:800px){body #app .main nav{flex-wrap:wrap;justify-content:center}body #app .main nav a img{width:25px}body #app .main nav a img.me-small{width:23px}}@media(max-width:600px){body #app .main nav{gap:.5rem}body #app .main nav .me-small{width:25px}body #app .main .box{max-width:calc(100vw - 2em)}body #app .main .box .box-content.about-me{display:block}body #app .main .box .box-content.about-me .my-presentation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%}body #app .main .box .box-content.about-me .my-memoji{display:none}body #app .main .box.skills .grid-skills{grid-template-columns:1fr 1fr}}