:root{--portfolio-column-count: 7;--hue-rotate: 0deg}#portfolio_grid{display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:0}#portfolio_filters{display:flex}.portfolio_filter{display:flex;padding:var(--margin-increment-small-height) var(--margin-increment-small-width);min-width:calc(calc(var(--main-width) / 9) - calc(var(--margin-increment-small-width) * 9));width:100%;height:fit-content;background-color:var(--color-aza-yellow);color:#000;font-size:2em;align-items:center;filter:hue-rotate(var(--hue-rotate));transition:all 125ms linear;cursor:pointer;box-sizing:border-box;flex-grow:1;border-right:var(--border-width-all) solid black}.portfolio_filter:last-child{border-right:none}.portfolio_filter:hover{background-color:#000;color:var(--color-aza-yellow)}.portfolio_filter_checkmark{margin-right:var(--margin-increment-small-width)}.portfolio_filter input:checked~.portfolio_filter_checkmark:before{content:"";font-weight:900}.portfolio_filter input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.filter_3d,.filter_2d,.filter_gd,.filter_an{--hue-rotate: var(--hue_regular_filters)}.filter_fe{--hue-rotate: var(--hue_filter_fe)}.filter_co_com{--hue-rotate: var(--hue_comm)}.filter_co_col{--hue-rotate: var(--hue_collab)}.filter_co_tra{--hue-rotate: var(--hue_trade)}.filter_co_edu{--hue-rotate: var(--hue_edu)}.filter_az{background-color:var(--color-aza-blue)}.filter_az:hover{color:var(--color-aza-blue)}.portfolio_item.portfolio_collab:before,.portfolio_item.portfolio_comm:before,.portfolio_item.portfolio_trade:before,.portfolio_item.portfolio_edu:before{border-color:var(--color-aza-yellow);filter:saturate(100%) opacity(100%) hue-rotate(var(--hue-rotate))}.portfolio_item.portfolio_collab{--hue-rotate: var(--hue_collab)}.portfolio_item.portfolio_comm{--hue-rotate: var(--hue_comm)}.portfolio_item.portfolio_trade{--hue-rotate: var(--hue_trade)}.portfolio_item.portfolio_edu{--hue-rotate: var(--hue_edu)}.portfolio_category>section{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:calc(var(--border-width-all) * -1);width:var(--main-width)}.portfolio_category>summary{width:var(--border-width-all) solid black}.portfolio_item{display:block;text-align:center;box-sizing:border-box;cursor:pointer;list-style:none;width:var(--portfolio-item-width);height:var(--portfolio-item-width);min-width:var(--portfolio-item-min-width);min-height:var(--portfolio-item-min-width);border-right:var(--border-width-all) solid black;border-bottom:var(--border-width-all) solid black;transition:all 125ms linear}.portfolio_item:hover{color:#000;background-color:transparent}.portfolio_item:before{content:"";position:absolute;width:calc(var(--portfolio-item-width) - var(--border-width-all));min-width:calc(var(--portfolio-item-min-width) - var(--border-width-all));background-color:transparent;aspect-ratio:1 / 1;filter:saturate(0%) opacity(50%) hue-rotate(var(--hue-rotate));border:var(--border-width-all) solid var(--color-bg-light);box-sizing:border-box;transition:all 125ms linear;z-index:1}.portfolio_item:hover:before{filter:opacity(100%) saturate(100%) hue-rotate(var(--hue-rotate));background-color:var(--color-aza-yellow-half_alpha);border-color:var(--color-aza-yellow)}.portfolio_item>div{position:absolute;margin:0;width:calc(var(--portfolio-item-width) - var(--border-width-all));height:calc(var(--portfolio-item-width) - var(--border-width-all));min-width:calc(var(--portfolio-item-min-width) - var(--border-width-all));min-height:calc(var(--portfolio-item-min-width) - var(--border-width-all));transition:all 125ms linear;filter:opacity(0%) saturate(100%) hue-rotate(var(--hue-rotate));z-index:1}.portfolio_item:hover>div{filter:opacity(100%) saturate(100%) hue-rotate(var(--hue-rotate))}.portfolio_item_title{position:inherit;margin:0;bottom:0;text-align:center;padding:calc(var(--margin-increment-small-height) / 2) 0;background-color:var(--color-aza-yellow);width:100%}.portfolio_file_nb{position:inherit;margin-top:var(--margin-increment-small-height);top:0;left:0;width:100%;text-align:center;color:var(--color-aza-yellow);font-size:3em;filter:hue-rotate(var(--hue-rotate)) opacity(0%);transition:all 125ms linear;-webkit-text-stroke:calc(var(--border-width-all) / 2) black}.portfolio_item:hover .portfolio_file_nb{filter:opacity(100%)}.portfolio_file_nb_text{position:relative;font-size:initial;padding:0;top:0;height:3em;align-content:center;color:#000;z-index:1;background:none;margin-top:var(--margin-increment-small-height)}.portfolio_item>img{position:relative;object-fit:cover;left:0;width:100%;height:100%;background-position:center center;filter:grayscale(0%);transition:filter 125ms linear}.portfolio_item:hover>img{filter:grayscale(100%)}@media only screen and (hover: none) and (pointer: coarse){:root{--portfolio-column-count: 3}.portfolio_item>div{filter:opacity(100%)}.portfolio_item_title{filter:opacity(0%)}.portfolio_file_nb_text{width:calc(var(--portfolio-item-width) / 4);height:calc(var(--portfolio-item-width) / 4);filter:opacity(100%);margin:0;font-size:1em;translate:0 7%}.portfolio_file_nb{height:calc(calc(var(--portfolio-item-width) / 4) - var(--border-width-all));width:calc(calc(var(--portfolio-item-width) / 4) - var(--border-width-all));background-color:var(--color-bg-light);translate:var(--border-width-all) var(--border-width-all);filter:opacity(50%);margin:0}.portfolio_file_nb:before{content:""}.portfolio_collab .portfolio_file_nb,.portfolio_comm .portfolio_file_nb,.portfolio_trade .portfolio_file_nb,.portfolio_edu .portfolio_file_nb{width:calc(var(--portfolio-item-width) / 4);height:calc(var(--portfolio-item-width) / 4);background-color:var(--color-aza-yellow);translate:0 0;filter:saturate(100%) hue-rotate(var(--hue-rotate)) opacity(100%)}}@media only screen and (width < 1200px) and (width > 900px){:root{--portfolio-column-count: 5}}@media only screen and (width < 600px){:root{--portfolio-column-count: 3}#portfolio_filters{flex-wrap:wrap}.portfolio_filter{width:calc(calc(var(--main-width) / 2) - calc(var(--margin-increment-small-width) * 3) - calc(var(--border-width-all) * 2))}.portfolio_filter:nth-child(-n+8){border-bottom:var(--border-width-all) solid black}.portfolio_filter:nth-child(2n){border-right:none}}@media only screen and (width < 900px) and (width > 600px){:root{--portfolio-column-count: 3}#portfolio_filters{flex-wrap:wrap}.portfolio_filter{width:calc(calc(var(--main-width) / 4) - calc(var(--margin-increment-small-width) * 4) - calc(var(--border-width-all) * 2))}}@media only screen and (width < 1600px) and (width > 600px){#portfolio_filters{flex-wrap:wrap}.portfolio_filter{width:calc(calc(var(--main-width) / 5) - calc(var(--margin-increment-small-width) * 2));flex-grow:1}.portfolio_filter:nth-child(-n+5){border-bottom:var(--border-width-all) solid black}.portfolio_filter:nth-child(5n){border-right:none}}:root{--info-width: 25%}#project_gallery{display:flex;flex-direction:column;align-items:center;border-right:var(--border-width-all) solid black;width:calc(100% - var(--info-width))}#project_info{position:sticky;display:block;align-self:flex-start;top:var(--header-height);width:var(--info-width)}#project_gallery>img,#project_gallery>video{object-fit:contain;width:max-content;height:max-content;margin-top:var(--margin-increment-medium-height);max-width:100%;max-height:80vh;background-position:center center;border:var(--border-width-all) solid black}#project_collab_info{padding:var(--margin-increment-small-height) var(--margin-increment-medium-width);border-bottom:var(--border-width-all) solid black;display:flex;align-items:center}.project_collab{background-color:var(--color-aza-yellow);filter:hue-rotate(var(--hue_collab))}.project_collab>.fa-solid:before{content:""}.project_comm{background-color:var(--color-aza-yellow);filter:hue-rotate(var(--hue_comm))}.project_comm>.fa-solid:before{content:"$"}.project_trade{background-color:var(--color-aza-yellow);filter:hue-rotate(var(--hue_trade))}.project_trade>.fa-solid:before{content:""}.project_edu{background-color:var(--color-aza-yellow);filter:hue-rotate(var(--hue_edu))}.project_edu>.fa-solid:before{content:""}#project_collab_info>.fa-solid{font-size:2em}#project_collab_info>i{height:max-content}#project_softwares_used_list{background-color:var(--color-bg-light);padding:var(--margin-increment-medium-height) var(--margin-increment-medium-width);align-content:center;height:var(--margin-increment-medium-height)}#project_softwares_used_list>a{display:inline-block;width:var(--margin-increment-medium-height);aspect-ratio:1 / 1;margin-right:var(--margin-increment-small-width)}#project_softwares_used_list>a:before{content:"";position:absolute;width:var(--margin-increment-medium-height);aspect-ratio:1 / 1;margin-right:var(--margin-increment-small-width);z-index:5}#project_softwares_used_list>a:hover{background-color:transparent}#project_softwares_used_list>a>img{width:var(--margin-increment-medium-height);object-fit:contain;aspect-ratio:1 / 1;z-index:-1}@media only screen and (hover: none) and (pointer: coarse),(width <= 1100px){#project_gallery,#project_info{width:100%}#project_info{position:inherit;display:block}}@media only screen and (width <= 1600px) and (width > 1100px){#project_info>summary,#project_collab_info{font-size:1vw}}#skills_list{display:flex;flex-direction:column;flex-grow:0}.skill_software{display:flex;margin:var(--margin-increment-small-height) var(--margin-increment-medium-width) 0 var(--margin-increment-medium-width);height:var(--margin-increment-medium-height);list-style:none}.skill_software:last-of-type{margin-bottom:var(--margin-increment-medium-height)}.skill_software:first-of-type{margin-top:var(--margin-increment-medium-height)}.skill_software>p{flex-grow:1;max-width:12.5vw;min-width:20%;width:auto;margin:0;height:fit-content;align-self:center}.skill_bar_frame{margin:0;flex-grow:1;background-color:#000;border:var(--border-width-all) solid black;shape-rendering:geometricPrecision}.skill_bar{width:100%;height:100%;background-color:var(--color-aza-yellow);position:relative;clip-path:border-box;shape-rendering:geometricPrecision}.skill_bar:after{content:"";position:absolute;display:block;bottom:0;right:0;width:0;height:0;border-style:solid;border-bottom-width:calc(var(--margin-increment-small-height) - var(--border-width-all));border-left-width:calc(var(--margin-increment-small-width) - var(--border-width-all));border-top-width:var(--margin-increment-small-height);border-right-width:0;border-color:black transparent black transparent;shape-rendering:geometricPrecision}@media only screen and (hover: none) and (pointer: coarse),(width <= 500px){.skill_software>p{max-width:12.5vw;min-width:30%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;--color-aza-blue: #1DA5E3;--color-aza-yellow: hsl(50, 100%, 60%);--color-aza-yellow-half_alpha: hsla(50, 100%, 60%, .5);--color-bg-light: hsl(0, 0%, 80%);--border-width-all: 4px;--margin-increment-big-height: 6vh;--margin-increment-medium-height: 3vh;--margin-increment-small-height: 1.5vh;--margin-increment-big-width: 3.5vw;--margin-increment-medium-width: 1.75vw;--margin-increment-small-width: 1.1vw;--hue_collab: -90deg;--hue_comm: 90deg;--hue_trade: -30deg;--hue_edu: 150deg;--hue_filter_fe: -360deg;--hue_filter_3d: -300deg;--hue_filter_2d: -240deg;--hue_filter_gd: -180deg;--hue_filter_an: -120deg;--hue_regular_filters: -60deg;--header-height: calc(var(--margin-increment-big-height) + var(--margin-increment-small-height) + var(--border-width-all) * 2);--main-width: 85vw;--main-width-third: calc(var(--main-width) / 3);--portfolio-item-width: calc(var(--main-width) / var(--portfolio-column-count));--main-min-width: 500px;--main-min-width-third: calc(var(--main-min-width) / 3);--portfolio-item-min-width: calc(var(--main-min-width) / var(--portfolio-column-count));--header_button-width: calc(var(--main-width-third) - var(--border-width-all));--header_button-min-width: calc(var(--main-min-width-third) - var(--border-width-all))}::selection{color:var(--color-bg-light);background-color:#000}@font-face{font-family:Aza-font;src:url(/assets/Aza_font-1GIWvSi4.woff)}h1{padding:var(--margin-increment-medium-height) var(--margin-increment-medium-width);padding-bottom:0;margin:0;margin-top:var(--margin-increment-medium-height);width:calc(100% - calc(var(--margin-increment-medium-width) * 2));border-top:var(--border-width-all) solid black}h1:first-child{padding-top:0;border-top:none}a{font-weight:500;color:#000;text-decoration:underline;transition:all 125ms linear}a:hover{color:var(--color-bg-light);background-color:#000}.highlighted_text{background-color:var(--color-aza-yellow-half_alpha);padding:var(--border-width-all)}.collab_highlight{background-color:var(--color-aza-yellow-half_alpha);padding:var(--border-width-all);filter:hue-rotate(var(--hue_collab))}.comm_highlight{background-color:var(--color-aza-yellow-half_alpha);padding:var(--border-width-all);filter:hue-rotate(var(--hue_comm))}.collab_highlight>.fa-solid,.comm_highlight>.fa-solid{width:var(--margin-increment-medium-width)}.comfortaa_paragraph{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#000}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:var(--color-bg-light);z-index:-100;position:relative}main{flex-direction:column;justify-content:start;display:flex;flex-grow:1;align-self:center;margin:0;width:calc(var(--main-width) - var(--border-width-all));min-width:var(--main-min-width);border-right:var(--border-width-all) solid black;border-left:var(--border-width-all) solid black}header{position:sticky;position:-webkit-sticky;align-self:center;width:calc(var(--main-width) + var(--border-width-all));min-width:calc(var(--main-min-width) + var(--border-width-all) * 2);top:0;z-index:200;border-bottom:var(--border-width-all) solid black}#header_navbar{display:flex;flex-direction:row;width:calc(var(--main-width) - var(--border-width-all));min-width:var(--main-min-width);height:var(--margin-increment-big-height);border-bottom:var(--border-width-all) solid black;border-right:var(--border-width-all) solid black;border-left:var(--border-width-all) solid black}#fake_scrollbar{display:block;position:sticky;position:-webkit-sticky;flex-grow:0;top:var(--margin-increment-big-height);width:calc(var(--main-width) - var(--border-width-all));min-width:var(--main-min-width);min-height:var(--border-width-all);background-color:#000;z-index:200;border-right:var(--border-width-all) solid black;border-left:var(--border-width-all) solid black}#fake_scrollbar_handle{position:relative;left:0;width:var(--margin-increment-medium-width);height:var(--margin-increment-small-height);background-color:var(--color-bg-light);transition:background-color 125ms linear;cursor:pointer}#fake_scrollbar_handle:hover{background-color:var(--color-aza-yellow)}.header_button>p{margin:0;height:fit-content;font-family:Aza-font;font-weight:600}.header_button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;border-right:var(--border-width-all) solid black;background-color:var(--color-bg-light);color:#000;transition:all 125ms linear;text-decoration:none;text-wrap:nowrap;font-size:1em;font-weight:500;font-family:inherit}.header_button:hover{background-color:var(--color-aza-yellow);color:#000}.header_button:last-child{border-right:none}summary{padding:var(--margin-increment-medium-height) var(--margin-increment-medium-width);border-bottom:var(--border-width-all) solid black}.summary_with_reminder{border-bottom:none;padding-bottom:0}.summary_reminder{position:sticky;top:var(--header-height);z-index:2;background-color:var(--color-bg-light)}details{position:relative;display:block;width:100%;min-width:var(--main-min-width);border-bottom:var(--border-width-all) solid black;box-sizing:border-box}details>summary{position:relative;padding:var(--margin-increment-small-height) var(--margin-increment-medium-width);border-bottom:none;background-color:var(--color-bg-light);transition:background-color 125ms linear;cursor:pointer}details>summary:hover{background-color:var(--color-aza-yellow)}details[open]>summary{border-bottom:var(--border-width-all) solid black}details>summary::marker,details>summary::-webkit-details-marker{display:inline-block;font-family:"Font Awesome 6 Free";content:"";width:var(--margin-increment-small-width)}details[open]>summary::marker,details[open]>summary::-webkit-details-marker{content:""}.details_title{left:var(--margin-increment-big-width);position:absolute}details>summary>i{width:var(--margin-increment-small-width)}#about_logo{align-self:center;padding-top:var(--margin-increment-medium-height);object-fit:contain;height:25vh;width:inherit}#about_social_media_links{display:flex;margin:0;flex-direction:row;padding-top:var(--margin-increment-medium-height);flex-wrap:wrap}.about_social_media_button{display:flex;align-items:center;justify-content:center;margin-right:var(--margin-increment-small-width);margin-bottom:var(--margin-increment-small-width);min-width:50px;min-height:50px;background-color:#000;text-decoration:none;box-sizing:border-box;border:var(--border-width-all) solid black}.about_social_media_button:hover{background-color:var(--color-aza-yellow)}.about_social_media_button>i{width:40px;height:40px;color:var(--color-bg-light);font-size:2em;transition:all 125ms linear;text-align:center;align-content:center}.about_social_media_button:hover>i{color:#000;padding:0}.about_socials_inactive{background-color:gray;border-color:gray}.about_socials_inactive:hover{border-color:#000}@media only screen and (hover: none) and (pointer: coarse),(width <= 500px){:root{--main-width: 100vw;--main-min-width: 0vw;--margin-increment-big-width: 60px;--margin-increment-medium-width: 30px;--margin-increment-small-width: 15px;--margin-increment-big-height: 60px;--margin-increment-medium-height: 30px;--margin-increment-small-height: 15px;--header-height: var(--margin-increment-big-height);font-size:.75em}header,main,#fake_scrollbar{width:var(--main-width)}#header_navbar{border-bottom:none;border-right:none;border-left:none}#fake_scrollbar{display:none}#fake_scrollbar_handle{height:var(--border-width-all);background-color:var(--color-bg-light);cursor:default}#fake_scrollbar_handle:hover{background-color:var(--color-bg-light)}.about_social_media_button>i{font-size:1.5em}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}