.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll-behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media screen and (min-width:800px){.yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}@keyframes rotating{0%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}to{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}body{color:#d1d5db;background-color:#0c0c1d}a{color:inherit;text-decoration:none}::selection{color:#9ca3af;background-color:#572a85}img::selection{background-color:transparent}.button{gap:.5em;display:flex;cursor:pointer;color:#9ca3af;align-items:center;border-radius:.8em;padding:.8em 1.6em;justify-content:center;background-color:transparent;border:.0625rem solid #fff}.button:hover,.button.active{color:#fff;background-color:#572a85}.button img{width:1.2em}section{overflow:hidden;max-width:100vw;max-width:100dvw;padding-top:4rem;scroll-snap-align:start}section .wrapper{margin-inline:auto;width:min(80rem,100vw - 4rem);width:min(80rem,100dvw - 4rem)}section h1.title{font-size:3em;color:orange;text-align:center;margin-bottom:4rem}#navbar{padding:2rem 4rem}#navbar .social{gap:1.2rem;display:flex;align-items:center;justify-content:flex-end}#navbar .social img{width:1.3rem}@media (min-width: 64em){#navbar .social{gap:2rem}#navbar .social img{width:1.6rem}}#sidebar .menu{top:0;right:0;bottom:0;left:0;width:100%;z-index:999;position:fixed;background:#fff;color:#0c0c1d}@media screen and (min-width: 30em){#sidebar .menu{width:30em}}#sidebar .menu .links{width:100%;height:100%;display:flex;position:absolute;align-items:center;flex-direction:column;justify-content:start;padding-top:min(17rem,20vh);padding-top:min(17rem,20dvh)}#sidebar .menu .links a{width:100%;font-size:2.5rem;text-align:center;padding:.8rem 2rem}#sidebar button{z-index:999;border:none;top:2.25rem;left:2.0625rem;width:1.875rem;position:fixed;cursor:pointer;aspect-ratio:1;color:#0c0c1d;background-color:transparent}#hero{overflow:hidden;padding-top:unset;position:relative;height:calc(100vh - 100px);height:calc(100dvh - 100px);background:linear-gradient(180deg,#0c0c1d,#111132)}#hero .title{display:none}#hero .wrapper{margin:auto}@media screen and (min-width: 48em){#hero .wrapper{margin-top:5vh;margin-top:5dvh;margin-left:15vw;margin-left:15dvw}}@media (min-width: 64em){#hero .wrapper{margin-top:15vh;margin-top:15dvh}}#hero .texts{gap:1em;z-index:10;display:flex;font-size:1rem;position:relative;flex-direction:column;justify-content:center}@media screen and (min-width: 48em){#hero .texts{font-size:1.5rem}}@media (min-width: 64em){#hero .texts{font-size:2rem}}#hero .texts h2{font-size:1.5em;font-weight:600;color:#572a85;letter-spacing:.2rem}#hero .texts h2 span{font-weight:700;text-transform:uppercase}#hero .texts h1{font-size:2em}@media (min-width: 64em){#hero .texts h1{margin-bottom:2rem}}#hero .texts .buttons{gap:1.3em;display:flex;flex-wrap:wrap;font-size:1.3rem}#hero .texts .buttons .button{padding:.4em 1em;border-radius:.4em}#hero .mouse{height:1.875rem;width:1.875rem}#hero .images{right:0;bottom:0;height:60%;position:absolute}@media (min-width: 64em){#hero .images{height:70%;right:10vw;right:10dvw}}@media (min-width: 105em){#hero .images{height:80%;right:20vw;right:20dvw}}#hero .images img{width:100%;height:100%;object-fit:cover}#hero .sliding{z-index:0;width:50%;color:#fff;opacity:.04;bottom:-13vh;bottom:-13dvh;cursor:default;font-size:50vh;font-size:50dvh;font-weight:700;position:absolute;white-space:nowrap}#hero .sliding::selection{color:#fff;background-color:transparent}#technologies{padding-bottom:4rem;background-color:#0c0c1d}#technologies .wrapper{gap:5rem;display:flex;flex-direction:column}#technologies h2{font-size:1.8em;text-wrap:balance;text-align:center;margin-bottom:2rem;color:#6e5488}#technologies .unknown-technology{color:#d1d5db;font-weight:500;font-size:1.3rem;text-align:center;text-wrap:balance;line-height:2.5rem}#technologies .unknown-technology span{font-weight:700;margin-left:.4em}ul.technology{gap:2.5rem;padding:0;display:flex;flex-wrap:wrap;align-items:center;list-style-type:none;justify-content:center}ul.technology img{height:2.5em}ul.technology.primary img{height:4.5em}ul.technology.secondary img{height:3em}ul.technology li{position:relative}ul.technology li .popover{top:135%;left:-4.5em;right:-4.5em;z-index:99;text-align:center;position:absolute;border-radius:.5em;padding:.4em 1em .8em;background-color:#572a85}ul.technology li .popover h3{margin:0}ul.technology li progress{margin:0;width:90%;height:.5rem;border-radius:24px;background:#9ca3af}ul.technology li progress::-moz-progress-value,ul.technology li progress::-webkit-progress-value{border-radius:24px;background:#9ca3af}ul.technology li progress.low::-moz-progress-bar,ul.technology li progress.low::-webkit-progress-bar{border-radius:24px;background:#ff4242}ul.technology li progress::-moz-progress-bar,ul.technology li progress::-webkit-progress-bar,ul.technology li progress.medium::-moz-progress-bar,ul.technology li progress.medium::-webkit-progress-bar{border-radius:24px;background:orange}ul.technology li progress.high::-moz-progress-bar,ul.technology li progress.high::-webkit-progress-bar{border-radius:24px;background:#79ff2c}#portfolio{background:linear-gradient(180deg,#111132,#0c0c1d)}#portfolio .portfolio-wrapper{display:flex;align-items:center;margin-inline:auto;flex-direction:column;justify-content:center;max-width:80rem}#portfolio .portfolio-wrapper article{padding-block:6em;padding-inline:1em}#portfolio .portfolio-wrapper article .body{gap:2em;display:flex;font-size:1rem;flex-direction:column;align-items:flex-start;justify-content:center}@media screen and (min-width: 48em){#portfolio .portfolio-wrapper article .body{flex-direction:row}}#portfolio .portfolio-wrapper article .title.top{margin-bottom:1em}#portfolio .portfolio-wrapper article .title.top,#portfolio .portfolio-wrapper article .title.bottom{font-size:2em;color:#9ca3af;text-align:center;text-wrap:balance;margin-inline:auto;padding-inline:.5rem}#portfolio .portfolio-wrapper article .title.bottom{display:none}@media screen and (min-width: 48em){#portfolio .portfolio-wrapper article{font-size:1.1rem}}@media (min-width: 64em){#portfolio .portfolio-wrapper article{font-size:1.2rem}#portfolio .portfolio-wrapper article .title.top{display:none}#portfolio .portfolio-wrapper article .title.bottom{display:inline-block}}#portfolio .portfolio-wrapper .portfolio-images{width:100%;cursor:pointer}@media screen and (min-width: 48em){#portfolio .portfolio-wrapper .portfolio-images{max-width:45%}#portfolio .portfolio-wrapper .portfolio-images.odd{order:2}}@media (min-width: 85em){#portfolio .portfolio-wrapper .portfolio-images{max-width:40%}}#portfolio .portfolio-wrapper .portfolio-images img{width:100%;border-radius:1em}#portfolio .portfolio-wrapper .portfolio-images img:hover{outline-offset:.4em;outline:.25rem solid #572a85}#portfolio .portfolio-wrapper .texts{width:100%;gap:1.875em;display:flex;text-align:center;align-items:center;flex-direction:column}@media screen and (min-width: 48em){#portfolio .portfolio-wrapper .texts.odd{order:1}}#portfolio .portfolio-wrapper .texts p{font-size:1em;color:#6b7280;text-wrap:balance}#portfolio .portfolio-wrapper .texts .technology{gap:2.5em;padding:0;display:flex;flex-wrap:wrap;align-items:center;list-style-type:none;justify-content:center}#portfolio .portfolio-wrapper .texts .technology img{height:2em}#portfolio .portfolio-wrapper .texts .buttons{gap:1em;display:flex;flex-wrap:wrap;font-size:.9rem;align-items:center;justify-content:center}@media (min-width: 64em){#portfolio .portfolio-wrapper .texts .buttons{gap:1.5em;font-size:1rem}}#portfolio-filter{gap:1rem;display:flex;flex-wrap:wrap;text-wrap:nowrap;padding-inline:1em;margin-inline:auto;align-items:center;justify-content:center}#portfolio-filter .button{font-size:1em;font-weight:600}@media (min-width: 64em){#portfolio-filter .button{font-size:1.2em}}#portfolio-filter .reset{border:none;cursor:pointer;color:#9ca3af;border-radius:50%;background-color:transparent}#portfolio-filter .reset svg{height:3em;transform-origin:center center}#portfolio-filter .reset:hover svg{color:#fff;animation:rotating 5s infinite linear}#portfolio-filter .reset:hover svg rect{fill:#572a85}#biography{padding-bottom:10rem;background:linear-gradient(180deg,#111132,#0c0c1d)}#biography .wrapper{gap:6em;display:flex;align-items:center;justify-content:center}#biography .engineer a div,#biography .developer a div{gap:1.5rem;display:flex;align-items:center;flex-direction:column;justify-content:center}#biography .engineer a div:hover,#biography .developer a div:hover{color:#f60}#biography .developer h3{font-size:1.5em}#biography .developer img{height:4em}#biography h2{font-size:2em;color:#572a85;margin-top:2.5em;text-align:center;margin-bottom:1em}#biography .engineer{gap:2.5em}#biography .engineer h3{font-size:1.1em}#biography .engineer img{height:3em}#contact{padding-bottom:5rem;background:linear-gradient(180deg,#0c0c1d,#111132)}#contact .wrapper{gap:8rem;display:flex;align-items:center;flex-direction:column;justify-content:space-around}@media screen and (min-width: 48em){#contact .wrapper{flex-direction:row}}#contact .wrapper .texts{gap:20px;display:flex;font-size:1.5rem;text-align:center;align-items:center;flex-direction:column}@media screen and (min-width: 48em){#contact .wrapper .texts{font-size:1.8rem}}@media (min-width: 85em){#contact .wrapper .texts{font-size:2rem}}#contact .wrapper .texts h1{font-size:1.5em}#contact .wrapper .texts h2{color:#572a85;font-size:1.2em}#contact .wrapper .texts span{font-weight:300}#contact .wrapper .phone{stroke:orange}#contact .wrapper .phone svg{width:100%;aspect-ratio:1}footer{position:relative;padding:1rem 7rem 1rem 2rem;background-color:#030712}footer .footer-wrapper{display:flex;column-gap:2em;flex-wrap:wrap;align-items:center;justify-content:space-between}footer .footer-wrapper .copyright{display:flex;align-items:center;justify-content:flex-start}footer .footer-wrapper .copyright svg{height:4rem;margin-right:1rem}footer .footer-wrapper .author{color:orange}footer .github-corner svg{right:0;bottom:0;border:0;height:100%;fill:#fff;color:#030712;position:absolute}footer .github-corner svg .octo-arm{transform-origin:130px 106px;animation:octocat-wave 1s ease-in-out infinite}@media (min-width: 85em){footer .github-corner svg .octo-arm{animation:none}}@media (min-width: 85em){footer .github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}}