@charset "UTF-8";@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-Thin-CQsK4Qz2.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-ExtraLight-3QN3x4x9.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-Light-CzCklpxT.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-Regular-BSzZiyVN.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-Medium-OnHWrDSF.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-SemiBold-G8w9vdgA.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-Bold-D-fFRZuH.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-ExtraBold-THE06Cje.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Inter;src:url(/portfolio/assets/Inter-Black-DKf1JGao.ttf) format("truetype");font-weight:900;font-style:normal}button{padding:0;background:transparent;border:none}button:focus{outline:none}a{color:inherit;text-decoration:none}[data-theme=light] .button{color:#293241}[data-theme=dark] .button{color:#e6e6e6}.button{padding:20px}[data-theme=light] .button{border-:1px dashed #293241;border:1px dashed #293241}[data-theme=dark] .button{border-:1px dashed #e6e6e6;border:1px dashed #e6e6e6}.button{cursor:pointer;width:fit-content;font-size:15px;font-weight:900;border-radius:4px;transition:all .2s}[data-theme=light] .button:hover{color:#e6e6e6}[data-theme=dark] .button:hover{color:#293241}[data-theme=light] .button:hover{background:#293241}[data-theme=dark] .button:hover{background:#e6e6e6}[data-theme=light] .button:hover{border-:1px dashed #e6e6e6;border:1px dashed #e6e6e6}[data-theme=dark] .button:hover{border-:1px dashed #293241;border:1px dashed #293241}.common-switch{position:relative;display:inline-block;width:60px;height:34px}.common-switch__slider{-webkit-user-select:none;user-select:none;display:flex;justify-content:space-around;align-items:center;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}[data-theme=light] .common-switch__slider{background-color:#293241}[data-theme=dark] .common-switch__slider{background-color:#e6e6e6}.common-switch__slider{-webkit-transition:.4s;transition:.4s;border-radius:34px}.common-switch__slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px}[data-theme=light] .common-switch__slider:before{background-color:#e6e6e6}[data-theme=dark] .common-switch__slider:before{background-color:#293241}.common-switch__slider:before{-webkit-transition:.4s;transition:.4s;border-radius:50%}.common-switch__checkbox{opacity:0;width:0;height:0}.common-switch__checkbox:checked+.common-switch__slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}[data-theme=light] .common-switch__checkbox:checked+.common-switch__slider{background-color:#293241}[data-theme=dark] .common-switch__checkbox:checked+.common-switch__slider{background-color:#e6e6e6}.logo--big{width:60px}.logo--small{width:30px}.logo--xsmall{width:20px}.link{position:relative;width:fit-content}.link:before{content:"";position:absolute;width:100%;height:4px}[data-theme=light] .link:before{background-image:radial-gradient(#293241 33%,#0000 33%)}[data-theme=dark] .link:before{background-image:radial-gradient(#e6e6e6 33%,#0000 33%)}.link:before{background-size:4px 4px}.link:before{bottom:-2px;left:0;transform-origin:right;transform:scaleX(0);transition:transform .2s ease-in-out}.link[data-type=regular]:hover:before{transform-origin:left;transform:scaleX(1)}.list{font-size:15px}.list li{margin-bottom:10px;list-style-type:"⨳"}.list li span{position:relative;left:10px}[data-theme=light] .list [data-bullet-color=background]::marker{color:#3d5a80}[data-theme=dark] .list [data-bullet-color=background]::marker{color:#638bc0}[data-theme=light] .list [data-bullet-color=text]::marker{color:#293241}[data-theme=dark] .list [data-bullet-color=text]::marker{color:#e6e6e6}.animation-block{width:250px;height:50px;position:absolute;transform:rotate(90deg);overflow:hidden}@media only screen and (max-width: 600px){.animation-block{display:none}}.animation-block__animation{height:100%;position:absolute;width:0px;animation:movement 4s cubic-bezier(.95,.17,0,.89) forwards}[data-theme=light] .animation-block__animation{background-image:radial-gradient(#293241 60%,#0000 60%)}[data-theme=dark] .animation-block__animation{background-image:radial-gradient(#e6e6e6 60%,#0000 60%)}.animation-block__animation{background-size:4px 4px}[data-theme=light] .animation-block__animation{color:#e6e6e6}[data-theme=dark] .animation-block__animation{color:#293241}.animation-block__animation{font-weight:900;font-size:40px}.animation-block:after{content:"";position:absolute}[data-theme=light] .animation-block:after{border-top:26px solid #e6e6e6;bordertop:26px solid #e6e6e6}[data-theme=dark] .animation-block:after{border-top:26px solid #293241;bordertop:26px solid #293241}[data-theme=light] .animation-block:after{border-bottom:26px solid #e6e6e6;borderbottom:26px solid #e6e6e6}[data-theme=dark] .animation-block:after{border-bottom:26px solid #293241;borderbottom:26px solid #293241}[data-theme=light] .animation-block:after{border-left:20px solid rgba(0,0,0,0);borderleft:20px solid rgba(0,0,0,0)}[data-theme=dark] .animation-block:after{border-left:20px solid rgba(0,0,0,0);borderleft:20px solid rgba(0,0,0,0)}.animation-block:after{right:0}@keyframes movement{0%{width:0px;left:0}50%{width:250px;right:0}to{width:0px;right:0;display:none}}.tab-header{font-weight:900;font-size:25px;border-radius:4px;padding:5px;cursor:pointer}[data-theme=light] .tab-header{color:#293241}[data-theme=dark] .tab-header,[data-theme=light] .tab-header[data-selected=true]{color:#e6e6e6}[data-theme=dark] .tab-header[data-selected=true]{color:#293241}[data-theme=light] .tab-header[data-selected=true]{background-image:radial-gradient(#3d5a80 80%,#0000 80%)}[data-theme=dark] .tab-header[data-selected=true]{background-image:radial-gradient(#638bc0 80%,#0000 80%)}.tab-header[data-selected=true]{background-size:4px 4px}.tab-content{padding:20px}.header{grid-area:header}.main{grid-area:main}.sidebar{grid-area:sidebar}.footer{grid-area:footer}.app-container{display:grid;grid-gap:10px;min-height:100vh;grid-template-rows:auto;grid-template-columns:4fr 1fr;grid-template-areas:"header header" "main main" "main main" "footer footer"}.timeline{display:flex;flex-direction:column}.timeline__content{margin:0 10px 10px}.timeline__content-text{padding:10px 15px 10px 10px;margin:10px 0;max-width:500px;border-radius:0 4px 4px}[data-theme=light] .timeline__content-text{border-:1px dashed #f3896f;border:1px dashed #f3896f}[data-theme=dark] .timeline__content-text{border-:1px dashed #ee886f;border:1px dashed #ee886f}[data-theme=light] .timeline__content-text{background-color:#e6e6e6}[data-theme=dark] .timeline__content-text{background-color:#293241}.timeline__content-text{position:relative}.timeline__content-text:after{content:""}[data-theme=light] .timeline__content-text:after{background-image:radial-gradient(#f3896f 50%,#0000 50%)}[data-theme=dark] .timeline__content-text:after{background-image:radial-gradient(#ee886f 50%,#0000 50%)}.timeline__content-text:after{background-size:5px 5px}.timeline__content-text:after{border-radius:0 4px 4px;height:100%;width:100%;position:absolute;left:10px;top:10px;z-index:-1;background-repeat:space;transition:all .2s}.timeline__content-header{font-size:15px;font-weight:200}.timeline__content-title{font-size:20px;font-weight:600;margin-bottom:10px}.timeline__content-position{font-weight:200}.timeline__step{position:relative;display:flex}.timeline__step:last-of-type .timeline__ball:before{content:""}[data-theme=light] .timeline__step:last-of-type .timeline__ball:before{background:linear-gradient(0deg,#e6e6e6 6%,#0000)}[data-theme=dark] .timeline__step:last-of-type .timeline__ball:before{background:linear-gradient(0deg,#293241 6%,#0000)}.timeline__step:last-of-type .timeline__ball:before{position:absolute;left:7px;top:1px;content:"";width:5px;height:100%}.timeline__step:first-of-type .timeline__ball:before{content:""}[data-theme=light] .timeline__step:first-of-type .timeline__ball:before{background:linear-gradient(180deg,#e6e6e6 6%,#0000)}[data-theme=dark] .timeline__step:first-of-type .timeline__ball:before{background:linear-gradient(180deg,#293241 6%,#0000)}.timeline__step:first-of-type .timeline__ball:before{position:absolute;left:7px;top:-50px;content:"";width:5px;height:100px;z-index:-1}.timeline__step:first-of-type .timeline__ball:after{position:absolute;content:"";height:120%;left:9px;top:-50px;z-index:-2}.timeline__ball{min-width:20px;height:20px;border-radius:50%}[data-theme=light] .timeline__ball{background-color:#3d5a80}[data-theme=dark] .timeline__ball{background-color:#638bc0}.timeline__ball:after{position:absolute;content:"";width:1px;height:100%;left:9px;top:1px;z-index:-1}[data-theme=light] .timeline__ball:after{background-color:#e6e6e6}[data-theme=dark] .timeline__ball:after{background-color:#293241}[data-theme=light] .timeline__ball:after{background-image:linear-gradient(90deg,transparent 50%,transparent 50%),linear-gradient(90deg,transparent 50%,transparent 50%),linear-gradient(0deg,#293241 50%,transparent 50%)}[data-theme=dark] .timeline__ball:after{background-image:linear-gradient(90deg,transparent 50%,transparent 50%),linear-gradient(90deg,transparent 50%,transparent 50%),linear-gradient(0deg,#e6e6e6 50%,transparent 50%)}.timeline__ball:after{background-repeat:repeat-x,repeat-x,repeat-y;background-size:15px 1px,15px 1px,1px 15px,1px 15px;background-position:left top,right bottom,left bottom,right top;animation:line-animation 1s infinite linear}@keyframes line-animation{0%{background-position:left top,right bottom,left bottom,right top}to{background-position:left 15px top,right 15px bottom,left bottom 15px,right top 15px}}.sidebar{position:fixed;height:calc(100vh - 30px);display:flex;justify-content:space-between;flex-direction:column;padding:15px}.sidebar__section{display:flex;flex-direction:column;align-items:center}.sidebar__section .link{margin-bottom:20px}.sidebar__visible-page{writing-mode:vertical-rl;display:grid;place-items:center;font-weight:800;letter-spacing:15px;animation:none}@media only screen and (max-width: 1165px){.sidebar{display:none}}.animate-out{animation:animate-page-out .2s ease}.animate-in{animation:animate-page-in .2s ease}@keyframes animate-page-out{0%{letter-spacing:10px}to{letter-spacing:-10px}}@keyframes animate-page-in{0%{letter-spacing:-10px}to{letter-spacing:15px}}.main{overflow:hidden}.main>div{margin:0 auto 150px;max-width:1000px;display:flex;justify-content:center;min-height:75vh}@media only screen and (max-width: 1165px){.main>div{margin-right:30px;margin-left:30px;flex-direction:column;align-items:center;max-width:none}}.title{font-size:80px;font-weight:900;text-transform:uppercase;margin:0}.title{position:relative;display:inline-block}.title:before{content:""}[data-theme=light] .title:before{background-image:radial-gradient(#3d5a80 50%,#0000 50%)}[data-theme=dark] .title:before{background-image:radial-gradient(#638bc0 50%,#0000 50%)}.title:before{background-size:6px 6px;height:50%;width:100%;position:absolute;top:55%;z-index:-1;left:5%;background-repeat:space}.title__sub-title{font-size:40px;font-weight:600;background-clip:text;-webkit-background-clip:text;margin:5px 0;color:transparent}[data-theme=light] .title__sub-title{background-image:radial-gradient(#f3896f 70%,#0000 70%)}[data-theme=dark] .title__sub-title{background-image:radial-gradient(#ee886f 70%,#0000 70%)}.title__sub-title{background-size:3px 3px}@media only screen and (max-width: 600px){.title{font-size:55px}.title__sub-title{font-size:25px}}.description{font-weight:600;font-size:18px}.box__container{left:0;top:0;position:absolute;width:230px;height:230px;border-radius:4px}.box__container{position:relative}.box__container:after{content:""}[data-theme=light] .box__container:after{background-image:radial-gradient(#f3896f 50%,#0000 50%)}[data-theme=dark] .box__container:after{background-image:radial-gradient(#ee886f 50%,#0000 50%)}.box__container:after{background-size:5px 5px}.box__container:after{border-radius:0 4px 4px;height:100%;width:100%;position:absolute;left:0;top:0;z-index:-1;background-repeat:space;transition:all .2s}[data-theme=light] .box__container{background-color:#e6e6e6}[data-theme=dark] .box__container{background-color:#293241}[data-theme=light] .box__container{border-:1px dashed #f3896f;border:1px dashed #f3896f}[data-theme=dark] .box__container{border-:1px dashed #ee886f;border:1px dashed #ee886f}.box__container{margin:20px;transition:all .2s;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.box__container:hover{left:-2px;top:-2px}.box__container:hover{position:relative}.box__container:hover:after{content:""}[data-theme=light] .box__container:hover:after{background-image:radial-gradient(#f3896f 50%,#0000 50%)}[data-theme=dark] .box__container:hover:after{background-image:radial-gradient(#ee886f 50%,#0000 50%)}.box__container:hover:after{background-size:5px 5px}.box__container:hover:after{border-radius:0 4px 4px;height:100%;width:100%;position:absolute;left:10px;top:10px;z-index:-1;background-repeat:space;transition:all .2s}.box__container .logo{float:right}.box__tags{display:flex}.box__tag{font-size:10px;margin-left:10px}[data-theme=light] .box__tag{color:#f3896f}[data-theme=dark] .box__tag{color:#ee886f}.box__tag:first-child{margin:0}.box__title{font-weight:800}.footer{display:flex;justify-content:center;flex-direction:column;align-items:center}.footer__container{height:200px;display:flex;justify-content:center;font-weight:200;flex-direction:column;align-items:center;width:1000px;max-width:1000px;border-top:1px dashed}@media only screen and (max-width: 1165px){.footer__container{width:100%;max-width:none}}.footer .palette{margin-top:15px}.footer__credits{padding-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.footer__credits-content{margin:0;text-align:center;font-size:10px}.palette{display:flex}.palette>div{width:40px;height:20px}[data-theme=light] .palette .primary{background-color:#f3896f}[data-theme=dark] .palette .primary{background-color:#ee886f}[data-theme=light] .palette .secondary{background-color:#3d5a80}[data-theme=dark] .palette .secondary{background-color:#638bc0}[data-theme=light] .palette .text{background-color:#293241}[data-theme=dark] .palette .text,[data-theme=light] .palette .background{background-color:#e6e6e6}[data-theme=dark] .palette .background{background-color:#293241}.home{height:100vh;display:flex;justify-content:center;align-items:center}.home .home-container .animation-block{bottom:150px;right:0}.whoami{display:flex;justify-content:flex-start;margin:0 auto;max-width:800px}.whoami__container{display:flex;width:770px;flex-direction:column;margin-right:20px}.whoami__container .title__sub-title{margin-bottom:20px}.whoami__container p:last-of-type{margin-bottom:40px}[data-theme=light] .whoami__container b{color:#f3896f}[data-theme=dark] .whoami__container b{color:#ee886f}@media only screen and (max-width: 1165px){.whoami__container{text-align:center;width:auto;margin-right:0}.whoami__container .link{margin:0 auto}}.whoami__moving-border{width:0px;max-height:0px;position:relative}[data-theme=light] .whoami__moving-border{background-image:linear-gradient(90deg,#293241 50%,transparent 50%),linear-gradient(90deg,#293241 50%,transparent 50%),linear-gradient(0deg,#293241 50%,transparent 50%),linear-gradient(0deg,#293241 50%,transparent 50%)}[data-theme=dark] .whoami__moving-border{background-image:linear-gradient(90deg,#e6e6e6 50%,transparent 50%),linear-gradient(90deg,#e6e6e6 50%,transparent 50%),linear-gradient(0deg,#e6e6e6 50%,transparent 50%),linear-gradient(0deg,#e6e6e6 50%,transparent 50%)}.whoami__moving-border{background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 1px,15px 1px,1px 15px,1px 15px;padding:1px 0 1px 1px}.whoami__moving-border[data-animate=true]{animation:initial-border-animation 1.5s cubic-bezier(.95,.17,0,.89) forwards,border-animation 1.5s 1.5s cubic-bezier(.95,.17,0,.89) infinite}@media only screen and (max-width: 1165px){.whoami__moving-border[data-animate=true]{animation:initial-border-animation-small 1.5s cubic-bezier(.95,.17,0,.89) forwards,border-animation 1.5s 1.5s cubic-bezier(.95,.17,0,.89) infinite}}.whoami__moving-border{animation-direction:alternate}.whoami__moving-border:hover{animation-duration:.5s}@media only screen and (max-width: 1165px){.whoami__moving-border{margin-top:80px;background-size:15px 1px,15px 0px,0px 15px,0px 15px}}.whoami__concept{display:grid;place-items:center;position:absolute;width:150px;height:150px;border-radius:50%}[data-theme=light] .whoami__concept{color:#e6e6e6}[data-theme=dark] .whoami__concept{color:#293241}[data-theme=light] .whoami__concept{background-image:radial-gradient(#f3896f 70%,#293241 70%)}[data-theme=dark] .whoami__concept{background-image:radial-gradient(#ee886f 70%,#e6e6e6 70%)}.whoami__concept{background-size:4px 4px}.whoami__concept{font-weight:700;font-size:25px}.whoami__concept--back{top:-75px;left:-75px}.whoami__concept--front{bottom:-75px;right:-75px}@media only screen and (max-width: 1165px){.whoami{margin-bottom:30px}}@keyframes border-animation{0%{background-position:0px 0px,0px 100%,0px 0px,150px 0px}to{background-position:150px 0px,150px 100%,0px 150px,150px 150px}}@keyframes initial-border-animation{0%{background-position:0px 0px,0px 100%,0px 0px,0px 0px}to{background-position:150px 0px,150px 100%,0px 150px,150px 150px;width:150px;max-height:500px}}@keyframes initial-border-animation-small{0%{background-position:0px 0px,0px 100%,0px 0px,0px 0px}to{background-position:150px 0px,150px 100%,0px 150px,150px 150px;width:calc(100% - 150px);max-height:500px}}.work-experience{display:flex;align-items:stretch;justify-content:center}.work-experience>div{margin:40px}@media only screen and (max-width: 600px){.work-experience>div{margin:30px 0}}.work-experience .left-container{display:flex;align-items:center;flex-direction:column;max-width:450px}.work-experience .left-container .dots{width:40px;flex:1}[data-theme=light] .work-experience .left-container .dots{background-image:radial-gradient(#3d5a80 50%,#0000 50%)}[data-theme=dark] .work-experience .left-container .dots{background-image:radial-gradient(#638bc0 50%,#0000 50%)}.work-experience .left-container .dots{background-size:5px 5px}@media only screen and (max-width: 1165px){.work-experience{flex-direction:column;align-items:center}}.projects{flex-direction:column}.projects__box-container{margin-top:30px;display:flex;flex-wrap:wrap}@media only screen and (max-width: 1165px){.projects__box-container{justify-content:center}}body{box-sizing:border-box;margin:0;font-family:Inter,sans-serif}[data-theme=light] body{color:#293241}[data-theme=dark] body{color:#e6e6e6}[data-theme=light] body{background-color:#e6e6e6}[data-theme=dark] body{background-color:#293241}