@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--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}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--background-color: color(display-p3 .998 .989 .988);--background-color-rgb: 255, 252, 252;--text-color: color(display-p3 .128 .122 .147);--text-color-rgb: 0, 0, 0;--button-color: color(display-p3 .569 .639 .916);--button-color-hover: color(display-p3 .276 .384 .837);--interactive-component-color: color(display-p3 .913 .854 .971);--border-color: color(display-p3 .767 .814 .995);--tile-color: color(display-p3 .276 .384 .837);--icon-color: color(display-p3 .15 .44 .84);--stack-back-color: color(display-p3 .569 .639 .916);--stack-front-color: color(display-p3 .354 .445 .866);--profile-background: color(display-p3 .721 .727 .955);--shadow: rgba(0, 0, 0, .3);--button-text-color: color(display-p3 .998 .989 .988)}body{color:var(--text-color);max-width:80%;margin:0 auto;transition:background-color .3s,color .3s;font-family:Open Sans,sans-serif;background-size:cover;background-repeat:repeat;background-position:center -60px;width:100%}p{font-size:1.2rem;line-height:1.5;font-family:Open Sans,sans-serif}button{font-family:Consolas,monospace}.underline{text-decoration:underline;text-underline-offset:2px}.sub-title-prelist{font-size:1.5rem;font-weight:700;margin-top:1rem}.icon{color:var(--icon-color);font-weight:700}h1,h2,h3,h4,h5,h6{font-family:Consolas,monospace}body.dark-theme{--background-color: color(display-p3 .068 .074 .118);--background-color-rgb: 17, 19, 30;--text-color: color(display-p3 .848 .881 .99);--text-color-rgb: 214, 225, 255;--button-color: color(display-p3 .57 .373 .791);--button-color-hover: color(display-p3 .224 .137 .297);--interactive-component-color: color(display-p3 .154 .123 .256);--border-color: color(display-p3 .269 .223 .449);--tile-color: color(display-p3 .417 .341 .784);--icon-color: color(display-p3 .57 .373 .791);--stack-back-color: color(display-p3 .224 .137 .297);--stack-front-color: color(display-p3 .57 .373 .791);--profile-background: color(display-p3 .154 .123 .256);--shadow:rgba(255, 255, 255, .3);--button-text-color: color(display-p3 .998 .989 .988)}.bodyElements{color:var(--text-color);transition:background-color .3s,color .3s}.footer{color:#6b6e6c;transition:background-color .3s,color .3s;margin-top:2rem;padding:1rem;margin-bottom:2rem;text-align:center}.justify-content{margin-top:1em;text-align:justify;padding:1em;font-size:16px;position:relative}.justify-content:before,.justify-content:after{content:"“";font-size:2em;color:var(--tile-color);position:absolute;font-weight:700}.justify-content:before{left:-.5em;top:-.5em}.justify-content:after{content:"”";right:-.5em;bottom:-.5em}.no-after:after{content:none}.no-before:before{content:none}.intro-project{margin:2em;display:flex;flex-direction:row;text-align:justify;padding:1em 4em;gap:4em}.intro-pre-content{display:flex;flex-direction:column;width:30%;border-top:2px solid var(--tile-color);border-left:2px solid var(--tile-color);padding-top:2em;padding-left:2em}.intro-post-content{width:60%;border-bottom:2px solid var(--tile-color);border-right:2px solid var(--tile-color);padding-right:2em;margin-top:2em}.javaIcon{color:#007396}.javaIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url(/portfolio/assets/java-svgrepo-com-D1rqbIAa.svg) no-repeat center center;background-size:contain}.iosIcon{color:var(--text-color)}.iosIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='-56.24%200%20608.728%20608.728'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M273.81%2052.973C313.806.257%20369.41%200%20369.41%200s8.271%2049.562-31.463%2097.306c-42.426%2050.98-90.649%2042.638-90.649%2042.638s-9.055-40.094%2026.512-86.971zM252.385%20174.662c20.576%200%2058.764-28.284%20108.471-28.284%2085.562%200%20119.222%2060.883%20119.222%2060.883s-65.833%2033.659-65.833%20115.331c0%2092.133%2082.01%20123.885%2082.01%20123.885s-57.328%20161.357-134.762%20161.357c-35.565%200-63.215-23.967-100.688-23.967-38.188%200-76.084%2024.861-100.766%2024.861C89.33%20608.73%200%20455.666%200%20332.628c0-121.052%2075.612-184.554%20146.533-184.554%2046.105%200%2081.883%2026.588%20105.852%2026.588z'%20fill='%23999'/%3e%3c/svg%3e") no-repeat center center;background-size:contain}.opencvIcon{color:#5c3ee8}.opencvIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url(/portfolio/assets/opencv-svgrepo-com-F2eAExN8.svg) no-repeat center center;background-size:contain}.mlkitIcon{color:#06b6d4}.mlkitIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url(/portfolio/assets/mlkitLogo-ChtbmTp2.png) no-repeat center center;background-size:contain}.androidIcon{color:#3ddc84}.androidIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%20width='48px'%20height='48px'%3e%3cpath%20fill='%237cb342'%20d='M12%2029c0%201.1-.9%202-2%202s-2-.9-2-2v-9c0-1.1.9-2%202-2s2%20.9%202%202V29zM40%2029c0%201.1-.9%202-2%202s-2-.9-2-2v-9c0-1.1.9-2%202-2s2%20.9%202%202V29zM22%2040c0%201.1-.9%202-2%202s-2-.9-2-2v-9c0-1.1.9-2%202-2s2%20.9%202%202V40zM30%2040c0%201.1-.9%202-2%202s-2-.9-2-2v-9c0-1.1.9-2%202-2s2%20.9%202%202V40z'/%3e%3cpath%20fill='%237cb342'%20d='M14%2018v15c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V18H14zM24%208c-6%200-9.7%203.6-10%208h20C33.7%2011.6%2030%208%2024%208zM20%2013.6c-.6%200-1-.4-1-1%200-.6.4-1%201-1s1%20.4%201%201C21%2013.1%2020.6%2013.6%2020%2013.6zM28%2013.6c-.6%200-1-.4-1-1%200-.6.4-1%201-1s1%20.4%201%201C29%2013.1%2028.6%2013.6%2028%2013.6z'/%3e%3cpath%20fill='%237cb342'%20d='M28.3%2010.5c-.2%200-.4-.1-.6-.2-.5-.3-.6-.9-.3-1.4l1.7-2.5c.3-.5.9-.6%201.4-.3.5.3.6.9.3%201.4l-1.7%202.5C29%2010.3%2028.7%2010.5%2028.3%2010.5zM19.3%2010.1c-.3%200-.7-.2-.8-.5l-1.3-2.1c-.3-.5-.2-1.1.3-1.4.5-.3%201.1-.2%201.4.3l1.3%202.1c.3.5.2%201.1-.3%201.4C19.7%2010%2019.5%2010.1%2019.3%2010.1z'/%3e%3c/svg%3e") no-repeat center center;background-size:contain}.objectivCicon{color:gray}.objectivCicon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3efile_type_objectivec%3c/title%3e%3cpath%20d='M11.29,15.976a8.892,8.892,0,0,0,1.039,4.557,4.818,4.818,0,0,0,5.579,2.13,3.789,3.789,0,0,0,2.734-3.181c.095-.535.1-.54.1-.54,1.537.222,4.014.582,5.55.8l-.1.389A9.958,9.958,0,0,1,23.8,24.9a8.35,8.35,0,0,1-4.747,2.378,12.925,12.925,0,0,1-7.322-.725,8.98,8.98,0,0,1-5.106-5.524A14.353,14.353,0,0,1,6.642,10.9a9.323,9.323,0,0,1,7.929-6.24,11.812,11.812,0,0,1,5.9.491,8.467,8.467,0,0,1,5.456,6.1c.083.311.1.369.1.369-1.709.311-3.821.705-5.518,1.075C20.186,11,19.387,9.666,17.678,9.25a4.656,4.656,0,0,0-5.853,3.158,9.28,9.28,0,0,0-.341,1.273A10.89,10.89,0,0,0,11.29,15.976Z'%20style='fill:%23c2c2c2'/%3e%3cpolygon%20points='2.033%2030%202.033%202%207.967%202%207.967%204.227%204.723%204.227%204.723%2027.773%207.967%2027.773%207.967%2030%202.033%2030'%20style='fill:%23c2c2c2'/%3e%3cpolygon%20points='29.967%2029.999%2024.033%2029.999%2024.033%2027.771%2027.277%2027.771%2027.277%204.226%2024.033%204.226%2024.033%201.999%2029.967%201.999%2029.967%2029.999'%20style='fill:%23c2c2c2'/%3e%3c/svg%3e") no-repeat center center;background-size:contain}.vueIcon{color:#41b883}.vueIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-17.5%20256%20256'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20preserveAspectRatio='xMidYMid'%3e%3cg%3e%3cpath%20d='M204.8,0%20L256,0%20L128,220.8%20L0,0%20L50.56,0%20L97.92,0%20L128,51.2%20L157.44,0%20L204.8,0%20Z'%20fill='%2341B883'%3e%3c/path%3e%3cpath%20d='M0,0%20L128,220.8%20L256,0%20L204.8,0%20L128,132.48%20L50.56,0%20L0,0%20Z'%20fill='%2341B883'%3e%3c/path%3e%3cpath%20d='M50.56,0%20L128,133.12%20L204.8,0%20L157.44,0%20L128,51.2%20L97.92,0%20L50.56,0%20Z'%20fill='%2335495E'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center center;background-size:contain}.expressIcon{color:gray}.expressIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='64'%20height='64'%3e%3cpath%20d='M32%2024.795c-1.164.296-1.884.013-2.53-.957l-4.594-6.356-.664-.88-5.365%207.257c-.613.873-1.256%201.253-2.4.944l6.87-9.222-6.396-8.33c1.1-.214%201.86-.105%202.535.88l4.765%206.435%204.8-6.4c.615-.873%201.276-1.205%202.38-.883l-2.48%203.288-3.36%204.375c-.4.5-.345.842.023%201.325L32%2024.795zM.008%2015.427l.562-2.764C2.1%207.193%208.37%204.92%2012.694%208.3c2.527%201.988%203.155%204.8%203.03%207.95H1.48c-.214%205.67%203.867%209.092%209.07%207.346%201.825-.613%202.9-2.042%203.438-3.83.273-.896.725-1.036%201.567-.78-.43%202.236-1.4%204.104-3.45%205.273-3.063%201.75-7.435%201.184-9.735-1.248C1%2021.6.434%2019.812.18%2017.9c-.04-.316-.12-.617-.18-.92q.008-.776.008-1.552zm1.498-.38h12.872c-.084-4.1-2.637-7.012-6.126-7.037-3.83-.03-6.58%202.813-6.746%207.037z'/%3e%3c/svg%3e") no-repeat center center;background-size:contain;background-color:#fff;border-radius:45%}.tailwindIcon{color:#06b6d4}.tailwindIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3efile_type_tailwind%3c/title%3e%3cpath%20d='M9,13.7q1.4-5.6,7-5.6c5.6,0,6.3,4.2,9.1,4.9q2.8.7,4.9-2.1-1.4,5.6-7,5.6c-5.6,0-6.3-4.2-9.1-4.9Q11.1,10.9,9,13.7ZM2,22.1q1.4-5.6,7-5.6c5.6,0,6.3,4.2,9.1,4.9q2.8.7,4.9-2.1-1.4,5.6-7,5.6c-5.6,0-6.3-4.2-9.1-4.9Q4.1,19.3,2,22.1Z'%20style='fill:%2344a8b3'/%3e%3c/svg%3e") no-repeat center center;background-size:contain}.sparkIcon{color:orange}.sparkIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23e15919'%20d='M57.646.004c-2.269.064-4.51%201.143-6.384%203.223-1.03%201.146-1.905%202.51-2.63%203.855-1.89%203.54-2.262%207.547-2.962%2011.43l-3.852%2021.81c-.148.856-.532%201.21-1.3%201.455l-28.268%208.98c-2.06.673-4.125%201.543-5.947%202.7-5.558%203.53-6.38%209.338-2.207%2014.438%201.842%202.256%204.216%203.843%206.85%204.996l17.603%207.843c.147.08.304.132.463.162l3.717%202.682s-3.7%2040.948%203.246%2043.781c-.061-.01-.41-.082-.41-.082s.704.761%202.603.537c1.454.27%201.262.226.074-.01%202.583-.334%207.337-2.497%2015.578-10.784a47.396%2047.396%200%200%200%201.776-1.676l17.8-19.217%204.163%201.465c.15.207.367.34.714.443l19.823%206.031c2.709.836%205.389%201.448%208.277%201.026%205.156-.755%208.951-5%208.9-10.192-.02-2.28-.82-4.339-1.87-6.324l-13.128-24.898c-.418-.787-.405-1.296.196-2l22.054-25.922c1.428-1.703%202.717-3.529%203.465-5.645%201.643-4.67-.482-8.382-5.33-9.289-2.229-.398-4.427-.188-6.6.385l-31.597%208.395c-.93.25-1.39.075-1.895-.772l-12.9-21.434c-.975-1.615-2.14-3.194-3.477-4.527C62.212.89%2059.915-.059%2057.646.004zm.944%2019.736c.51.358.768.727%201.01%201.125l13.88%2023.13c.382.628.725.85%201.485.648l24.443-6.497%205.885-1.54c-.087.493-.302.79-.537%201.068l-20.16%2023.672c-.57.688-.623%201.17-.194%201.976l12.743%2024.16.585%201.237-.015.02-22.727-6.264-.006-.018-4.298-1.205-25.493%2028.256%204.663-37.15-4.184-1.82.008-.007-23.674-9.4c.454-.413.86-.585%201.285-.717l28.777-9.096c.676-.21%201.061-.47%201.125-1.242l.403-2.355%203.875-21.807%201.12-6.174z'/%3e%3c/svg%3e") no-repeat center center;background-size:contain}.axiosIcon{color:#5c3ee8}.axiosIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3csvg%20version='1.2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20554%20481'%20width='554'%20height='481'%3e%3ctitle%3e5e22427b60a395fba7707b2d_apple-webclip-svg%3c/title%3e%3cstyle%3e%20.s0%20{%20fill:%20%233b6be3%20}%20.s1%20{%20fill:%20%23222222%20}%20%3c/style%3e%3cg%20id='%233b6be3ff'%3e%3cpath%20id='Layer'%20class='s0'%20d='m0.7%20480.8c70.5-160.1%20141.1-320.1%20211.8-480.2%2021.5%2048.4%2042.9%2096.9%2064.4%20145.3-49.5%20111.6-98.7%20223.3-148.2%20334.9-42.7%200.1-85.3%200-128%200z'/%3e%3c/g%3e%3cg%20id='%23222222ff'%3e%3cpath%20id='Layer'%20class='s1'%20d='m212.5%200.6c43%200.1%2086%200%20129%200.1%2070.6%20160%20141.2%20320%20211.7%20480.1-42.7%200-85.4%200.1-128.1%200-49.4-111.7-98.8-223.3-148.2-334.9-21.5-48.4-42.9-96.9-64.4-145.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;background-size:contain}.jqueryIcon{color:#0769ad}.jqueryIcon:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background:url("data:image/svg+xml,%3csvg%20height='2282'%20viewBox='-1.19275382%20.5%2025.19275382%2024.582'%20width='2500'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m1.406%2016.346c.023.052.049.1.077.148.013.028.031.057.047.083.026.052.054.102.081.152l.157.264c.029.049.057.097.09.145.055.094.12.186.177.28.026.039.05.078.079.117.11.171.21.313.317.451.076.103.152.204.234.305.027.038.057.076.085.114l.221.268c.027.031.054.067.083.099.098.118.202.232.306.348%200%20.002.003.004.005.007.129.162.268.306.42.434l.004.004c.08.082.16.163.245.243l.101.097c.111.104.222.207.339.307.002%200%20.003.002.005.003l.057.05c.102.089.205.177.31.259l.125.105c.085.068.173.132.26.199l.136.104c.093.07.192.138.287.206.035.025.07.05.106.073l.029.023.281.184.12.08c.147.094.293.182.439.27.042.021.084.044.123.068.108.062.22.125.329.182.06.034.122.063.184.094.075.042.153.083.233.125.022.007.04.014.058.024l.004-.004c.033.015.064.031.096.047.12.06.245.117.375.173.024.01.05.02.076.034.144.063.288.123.437.181.034.01.07.027.105.04.135.051.274.103.412.152l.05.018c.153.052.304.102.46.149.036.01.073.023.111.033.159.048.313.105.474.135%2010.273%201.863%2013.258-6.146%2013.258-6.146-2.508%203.25-6.959%204.107-11.174%203.153-.156-.036-.312-.086-.47-.132a11.753%2011.753%200%200%201%20-.663-.209l.095.029-.062-.024c-.136-.046-.267-.097-.4-.148a1.53%201.53%200%200%200%20-.099-.038l-.011-.003c-.147-.059-.29-.119-.432-.182-.031-.01-.057-.024-.088-.036a13.656%2013.656%200%200%201%20-.5-.23l.138.061a1.483%201.483%200%200%201%20-.106-.052c-.094-.044-.188-.094-.28-.141a3.784%203.784%200%200%201%20-.207-.106l.02.01c-.113-.06-.226-.125-.34-.186-.034-.024-.073-.044-.112-.066a14.058%2014.058%200%200%201%20-.502-.306l.063.038a2.042%202.042%200%200%201%20-.124-.083l.006.004a6.039%206.039%200%200%201%20-.316-.208c-.034-.022-.065-.046-.1-.07a8.47%208.47%200%200%201%20-.318-.228l.024.017c-.042-.034-.087-.066-.132-.099-.088-.069-.177-.135-.265-.207l-.118-.094a10.16%2010.16%200%200%201%20-.37-.309l-.001-.001-.347-.315-.1-.094c-.082-.083-.166-.162-.25-.244l-.097-.1a9.008%209.008%200%200%201%20-.303-.315l-.006-.007-.017-.014a17.877%2017.877%200%200%201%20-.313-.353c-.027-.031-.052-.064-.08-.097l-.227-.275a13.75%2013.75%200%200%201%20-.3-.391l-.04-.056c-2.338-3.176-3.184-7.559-1.313-11.155l-1.652%202.089c-2.125%203.039-1.862%206.991-.237%2010.218.037.079.078.153.118.228z'%20fill='%231266a9'/%3e%3cpath%20d='m8.563%2011.968-.011-.016-.009-.012z'/%3e%3cpath%20d='m9.681%2013.28.09.09c.114.11.231.217.35.324l.015.013c.12.106.255.217.394.325l.021.016c.034.023.063.05.096.073.14.108.281.211.428.314l.015.009c.062.045.128.086.198.13.028.018.06.042.09.06.106.068.21.131.317.196.017.007.032.016.048.023.09.055.188.108.282.156.033.02.065.035.099.054.067.033.133.068.197.102l.032.014c.135.066.273.128.408.189.034.013.063.024.092.038.111.048.224.094.335.136.05.017.097.037.144.052.102.038.209.073.31.108l.14.045c.146.045.294.104.449.128%207.933%201.306%209.769-4.771%209.769-4.771-1.653%202.367-4.852%203.495-8.261%202.614a8.215%208.215%200%200%201%20-.506-.145l.057.016c-.048-.013-.09-.028-.136-.042-.104-.036-.211-.071-.312-.108l-.144-.054c-.112-.045-.226-.087-.335-.135-.034-.015-.065-.025-.091-.04-.14-.063-.281-.125-.418-.191l-.206-.107-.119-.06c-.092-.048-.177-.098-.265-.149a.558.558%200%200%201%20-.065-.036l.003.001c-.106-.066-.216-.13-.318-.197-.034-.019-.065-.042-.097-.062l-.208-.135c-.144-.1-.285-.207-.428-.311-.032-.029-.063-.053-.094-.079-1.499-1.173-2.681-2.776-3.242-4.591-.591-1.887-.461-4.003.56-5.72l-1.255%201.768c-1.541%202.201-1.454%205.143-.254%207.471.219.43.441.793.686%201.139.228.326.48.708.784.97.108.123.224.24.345.359z'%20fill='%231266a9'/%3e%3cpath%20d='m2.436%2017.992-.004-.006-.007-.009zm4.158-.744.01.007.002.003z'/%3e%3cpath%20d='m13.666%201.427c-.909%201.327-.996%202.975-.37%204.438.665%201.554%202.024%202.774%203.608%203.352.065.025.128.046.195.07l.088.027c.092.029.185.063.28.084%204.381.841%205.567-2.238%205.886-2.691-1.043%201.49-2.792%201.848-4.938%201.329a4.753%204.753%200%200%201%20-.55-.17l.033.011a6.196%206.196%200%200%201%20-.656-.27l.038.017c-.41-.2-.762-.416-1.089-.664-1.918-1.45-3.104-4.211-1.852-6.46z'%20fill='%231266a9'/%3e%3c/svg%3e") no-repeat center center;background-size:contain}.structure-content{margin:2em;padding:2em;border-radius:10px;box-shadow:0 4px 32px #0003;line-height:1.6}.container-project{padding:5em 1em 0}.project-header{display:flex;justify-content:space-between;align-items:center;margin:2em 2em 4em;padding-bottom:2em}.list{list-style-type:none;padding-right:3em;margin:2em;align-items:center;border-right:1px solid var(--button-color);cursor:default}.list li{margin:1em 0;border:1px solid var(--button-color);width:auto;padding:1em;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;transition:transform .2s;text-align:center}.list li:hover{transform:translateY(-5px)}.summary-title{justify-content:center;text-align:center;margin:2em;font-size:2em}.summary-title:before,.summary-title:after{content:"";display:inline-block;width:100px;height:2px;background-color:var(--text-color);vertical-align:middle;margin:0 10px}.asided-list-content{display:flex;justify-content:space-between;align-items:center}.list-container{width:50%}.summary{width:50%;margin:2em;display:flex;flex-direction:column;justify-content:center;gap:2em}.link-button{display:flex;flex-direction:row;gap:2em;margin-top:1em;margin-left:auto;width:auto;justify-content:center}.innerParagraphIcon{fill:var(--text-color)}.back-link{margin:2em 1em;list-style:none;text-decoration:none}.back-link a:visited,.back-link a:active,.back-link a{color:inherit;text-decoration:none}.back-link:before{content:"← "}.subtitle-in-content{text-align:center;margin-bottom:1em;font-size:1.5em}.architectureListe{margin:2em}@media (max-width: 768px){.container-project{padding:1em}.asided-list-content{flex-direction:column}.list-container{width:100%}.list{border-right:0}.structure-content{margin:1em;padding:1em;text-align:justify}.summary{width:100%}.intro-project{display:flex;flex-direction:column;gap:2em;margin:0;padding:1em}.intro-pre-content{width:100%;border-top:0;border-left:0;padding:0}.intro-post-content{width:100%;border-bottom:0;border-right:0;padding:0}.project-header{flex-direction:column;gap:2em;justify-content:center;text-align:center}}@media (max-width: 768px){body{max-width:100%}}.appears-left{animation:appearLeft 1s ease-out}@keyframes appearLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.appears-right{animation:appearRight 1s ease-out}@keyframes appearRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.appears-top{animation:appearTop 1s ease-out}@keyframes appearTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.appears-bot{animation:appearBot 1s ease-out}@keyframes appearBot{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.appears-scale-increase{animation:appearScaleIncrease .7s .05s ease-out}@keyframes appearScaleIncrease{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tiny-font{font-size:.8rem}.gradient-background-dark{background:linear-gradient(287deg,#8e4ec6,#202248,#141726,#0e1944);background-size:240% 240%;animation:gradient-animation 20s ease infinite}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-background-light{background:linear-gradient(300deg,#fff,#ecd4f3,#b3d5dd);background-size:180% 180%;animation:gradient-animation 18s ease infinite}.toggle-container[data-v-4310b12d]{width:60px;height:34px;background-color:#ccc;border-radius:34px;position:relative;cursor:pointer;transition:background-color .2s}.toggle-container-checked[data-v-4310b12d]{background-color:#9a5cd0}.toggle-button[data-v-4310b12d]{width:26px;height:26px;background-color:#fff;border-radius:50%;position:absolute;top:4px;left:4px;transition:left .2s}.toggle-container-checked .toggle-button[data-v-4310b12d]{left:30px}ul[data-v-e446f67b]{display:flex;justify-content:space-around;list-style-type:none;padding:0;margin:0}li[data-v-e446f67b]{cursor:pointer}p[data-v-e446f67b]{margin-right:25em}.menu[data-v-e446f67b]{position:fixed;padding-top:1em;padding-bottom:10px;top:0;width:80%;left:50%;transform:translate(-50%);transition:background-color .3s;z-index:2;font-family:Consolas,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes underlineAnimation-e446f67b{0%{text-decoration-color:transparent;text-underline-offset:0}to{text-decoration-color:var(--button-color);text-underline-offset:5px}}.hover-allowed[data-v-e446f67b]:hover{color:var(--icon-color);text-decoration:underline;animation:underlineAnimation-e446f67b .3s forwards}.no-hover-allowed[data-v-e446f67b]:hover{cursor:default}@media (max-width: 1450px){.menu[data-v-e446f67b]{width:80%;left:50%;transform:translate(-50%);margin-right:1em;padding-right:1em}ul[data-v-e446f67b]{flex-direction:row;justify-content:space-between}li[data-v-e446f67b]{width:auto;text-align:center}p[data-v-e446f67b]{margin:0 auto;text-align:center}.restricted-display-responsive-bar[data-v-e446f67b]{display:none}}@media (max-width: 768px){ul[data-v-e446f67b]{flex-direction:column;align-items:flex-start;position:relative}p[data-v-e446f67b]{margin:0 auto;align-self:center;text-align:center}li[data-v-e446f67b]{width:100%;position:relative}li[data-v-e446f67b]:not(:first-child):not(:last-child){text-align:left}.menu[data-v-e446f67b]{position:relative;width:100%}.toggle[data-v-e446f67b]{visibility:hidden}.phoneHided[data-v-e446f67b]{display:none}}.circle[data-v-f54c9493]{width:420px;height:420px;border-radius:300px 210px 0 0;background-color:var(--profile-background);display:flex;justify-content:center;align-items:center;margin-right:15%;position:relative;overflow:hidden;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAByElEQVR4nO2ZP0/CQBjG22scXI2Tiauy+glc3MC4+iX8DA6G9IiDJsYBBhdNHJwcNRGIHY3xjoBCgkTEAUP8A63yt7ymBVQEIq2mvSb3JM/UN5fnd+97N1wFgYuLi4tpSTJdQTKJI5lqCFNwxDLVRExjkkyW/xRexAQ7FhoPt4hJ0P7OuxwedS2FSMAygDk2DIRHRhdkGrUOgInqdnDUs0wqNgAYCI6//G8AvkgazgsaaA0dlIIG8+G0twCUggbfFb/XvAWgNfQ+ALWuewtA8XoHfJG0CWF0IpZXYS584y0A5JIFDoA7OzFM43yf3b2G7YsSpEpVqDbb8FprmaO4dvoAk5sJtgEW9jLw+NaEUbosvsPMTopdgOxLHX5TLK+CxCrAuPIf5dgE0Ntgzv/S4S2sHucheqcOrdtPPrMJsK4U+2omQgk4yVUG6jJPNTYBpreTA+ssHmQH6sq1FnsA7R/fe57aSo5d63oH7K6FOADmHTDFRwjzQ0z5LYT4NWpRo24Otyx4+mkR07JlAON9noHgYFjE9MwygPFzwe3gqGsJX/ktA3S6QIJuhxcx2bAV/rMTIRIw3uedPRNENcbG9s5zcXFxCU7pA5Jwntel+S2tAAAAAElFTkSuQmCC),auto}.profilPic[data-v-f54c9493]{width:auto;height:400px;object-fit:cover;border-bottom-left-radius:210px;border-bottom-right-radius:300px;transition:transform .4s ease-in-out;z-index:1}.circle:hover .profilPic[data-v-f54c9493]{transform:scale(1.05)}.inner-circle[data-v-f54c9493]{width:100px;height:100px;background-color:#ffc555;background-color:color(display-p3 1 .77 .26);border-radius:50%;position:absolute;top:30px;right:15px;transition:transform .4s ease-in-out;z-index:0}.circle:hover .inner-circle[data-v-f54c9493]{transform:translate(-80px,50px)}.card[data-v-9f95e982]{position:relative;width:280px;height:260px;border:1px solid var(--interactive-component-color);box-shadow:0 4px 8px #0003;background-size:cover;background-position:center;border-radius:20px}.title[data-v-9f95e982]{display:none}.card-header[data-v-9f95e982]{padding:1rem;border-bottom:0;text-align:center;position:relative;background-size:cover;background-position:center;height:260px;font-size:20px;border-radius:20px}.card[data-v-9f95e982]{transition:width .3s .2s,height .3s .2s,box-shadow .3s .2s}.card[data-v-9f95e982]:hover{cursor:pointer;width:300px;box-shadow:0 8px 16px #0003}.short-desc[data-v-9f95e982]{position:absolute;left:0;bottom:0;line-height:1.2;font-size:20px;display:flex;align-items:left;font-family:Oswald,sans-serif;font-weight:600;border-radius:5px;padding:.5em;margin-left:.7em;margin-bottom:.7em;color:#fff}.black-text[data-v-9f95e982]{color:#000}.png-background .card-header[data-v-9f95e982]{background-color:#fff}.logo[data-v-e6102fb9]{width:75px;height:50px;fill:var(--text-color)}.logo[data-v-e6102fb9]:hover{transform:scale(1.1);cursor:pointer}.autoScale[data-v-e6102fb9]{width:50px;height:50px}.icon-style[data-v-75795b2f]{font-size:18px;vertical-align:middle;margin-left:8px}span[data-v-75795b2f]{font-weight:700}.Stack[data-v-561231c8]{margin-top:50px;padding:20px;border-radius:10px}.Stack h2[data-v-561231c8]{font-size:1.5rem;margin-bottom:20px}.stair-box-component[data-v-561231c8]{display:flex;justify-content:space-between}.stair-box[data-v-561231c8]{width:23%;padding:20px;background-color:var(--interactive-component-color);border-radius:10px;box-shadow:0 0 10px rgba(var(--text-color-rgb),.1)}.stair-box[data-v-561231c8]:hover{box-shadow:0 0 10px var(--shadow);transition:.3s;transform:scale(1.005)}.stair-box h3[data-v-561231c8]{font-size:1.2rem;margin-bottom:10px;border-top:2px var(--text-color) solid;border-left:2px var(--text-color) solid;border-bottom:5px var(--text-color) solid;border-right:5px var(--text-color) solid;padding:10px}.stair-box ul[data-v-561231c8]{list-style:none;padding:10px}.stair-box ul li[data-v-561231c8]{--per: 50;--dur: calc(calc(var(--per) / 100) * 1.5s);margin:0 0 5px;list-style:none;padding:20px 0;position:relative;text-transform:uppercase;font-size:1em;font-family:Consolas,monospace}.stair-box ul li[data-v-561231c8]:before{content:"";position:absolute;background:var(--interactive-component-color);height:16px;width:100%;left:0;bottom:0;border-radius:2px;border:1px solid;border-color:#111 #323232 #323232 #111;--track: var(--stack-back-color);background:linear-gradient(90deg,var(--track) calc(calc(var(--per) * 1%) + 4px),var(--background-color) calc(calc(var(--per) * 1%) + 4px))}.stair-box ul li[data-v-561231c8]:after{content:"";height:11px;margin:0 0 2px;background:var(--stack-front-color);position:absolute;box-shadow:0 0 10px 1px var(--stack-front-color);left:3px;width:0;bottom:0;transition:all var(--dur) ease 0s}.stair-box ul li[data-v-561231c8]:hover:after{width:calc(calc(var(--per) * 1%) - 2px)}.stair-box ul li.animate[data-v-561231c8]:after{animation:start-561231c8 1s ease 0s 2 alternate}.stair-box:hover ul li[data-v-561231c8]:after{width:calc(calc(var(--per) * 1%) - 2px)}@keyframes start-561231c8{to{width:calc(calc(var(--per) * 1%) - 2px)}}.stair-box ul li.sk-php[data-v-561231c8]{--per: 60}.stair-box ul li.sk-java[data-v-561231c8]{--per: 90}.stair-box ul li.sk-springboot[data-v-561231c8]{--per: 50}.stair-box ul li.sk-android[data-v-561231c8]{--per: 70}.stair-box ul li.sk-ios[data-v-561231c8]{--per: 40}.stair-box ul li.sk-html[data-v-561231c8]{--per: 90}.stair-box ul li.sk-css[data-v-561231c8]{--per: 95}.stair-box ul li.sk-js[data-v-561231c8],.stair-box ul li.sk-vue[data-v-561231c8]{--per: 80}.stair-box ul li.sk-oracle[data-v-561231c8]{--per: 60}.stair-box ul li.sk-sqlserver[data-v-561231c8]{--per: 40}.stair-box ul li.sk-postgresql[data-v-561231c8]{--per: 50}.stair-box ul li.sk-node[data-v-561231c8]{--per: 60}.stair-box ul li.sk-express[data-v-561231c8]{--per: 50}@media (max-width: 768px){.stair-box-component[data-v-561231c8]{flex-direction:column}.stair-box[data-v-561231c8]{width:100%;margin-bottom:20px;text-align:center}.stair-box ul li[data-v-561231c8]:after{width:calc(calc(var(--per) * 1%) - 2px)}}.custom-alert[data-v-a8e85b93]{border-radius:5px;color:var(--text-color);width:100%;min-height:50px;height:auto}.alert-content[data-v-a8e85b93]{display:flex;justify-content:center}.alert-success[data-v-a8e85b93]{background-color:#41b56c}.alert-error[data-v-a8e85b93]{background-color:#991a36}.text[data-v-a8e85b93]{font-size:1.2rem;font-weight:500;padding:10px;font-family:Consolas,monospace}.alert-position[data-v-17d6b1ee]{display:flex;justify-content:center;padding:20px}.mail-box-component[data-v-17d6b1ee]{background-color:var(--interactive-component-color);border-radius:10px;margin-top:1em}.info-box[data-v-17d6b1ee]{padding:20px}.main-corps[data-v-17d6b1ee]{display:flex;flex-direction:column;padding:20px}.ID-part[data-v-17d6b1ee]{display:flex;justify-content:space-between;padding-bottom:10px}.name[data-v-17d6b1ee],.firstname[data-v-17d6b1ee],.extern-mail[data-v-17d6b1ee]{width:48%;padding:10px;border-radius:5px;border:none;background-color:var(--background-color);color:var(--text-color);font-family:Consolas,monospace;font-size:1rem}.soft-edge[data-v-17d6b1ee]{border:0;border-top:1px solid var(--background-color);margin-left:20px;margin-right:20px}.subject[data-v-17d6b1ee]{width:50%;padding:10px;margin:10px 0;border-radius:5px;border:none;background-color:var(--background-color);color:var(--text-color);font-family:Consolas,monospace;font-size:1rem}.content[data-v-17d6b1ee]{width:100%;min-height:200px;padding:10px;margin:10px 0;border-radius:5px;border:none;background-color:var(--background-color);color:var(--text-color);font-family:Consolas,monospace;font-size:1rem;overflow:hidden;resize:none}button[data-v-17d6b1ee]{width:auto;padding:10px;border-radius:5px;border:none;background-color:gray;color:var(--background-color);font-weight:700;cursor:pointer}.button-position[data-v-17d6b1ee]{display:flex;justify-content:end;padding:20px}.check-conditions[data-v-17d6b1ee]{display:flex;align-items:center;padding:10px;gap:1em}.send-button[data-v-17d6b1ee]:disabled{cursor:not-allowed}.send-button[data-v-17d6b1ee]:disabled:hover{transform:scale(1)}.send-button[data-v-17d6b1ee]:hover{transition:.3s;transform:scale(1.1);background-color:var(--button-color-hover)}.container[data-v-fa87dd64]{padding:5em 1em 0}.vertical-align[data-v-fa87dd64]{--before-height: 1em;writing-mode:vertical-rl;text-orientation:upright;position:relative;top:0;left:0;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-weight:700}.margin-top[data-v-fa87dd64]{margin-top:2em}.vertical-align[data-v-fa87dd64]:before{content:"";position:absolute;top:0;left:-5px;width:2px;background-color:var(--text-color);height:var(--before-height, 1em)}.inner-text-card-align[data-v-fa87dd64]{margin-top:2em;display:flex;flex-direction:row;gap:0;position:relative}.HeadLine[data-v-fa87dd64]{padding-top:10px;margin-left:2em;display:flex;justify-content:space-between;align-items:center}.presentation[data-v-fa87dd64]{margin-top:2em;margin-left:2em;margin-right:2em}.contact[data-v-fa87dd64]{margin-top:2em;margin-right:2em;margin-left:15%}.loisir[data-v-fa87dd64]{margin-top:2em;margin-left:2em;margin-right:8%}.separateur[data-v-fa87dd64]{margin:4em 5em;border:1px solid var(--border-color)}.description-split[data-v-fa87dd64]{display:flex;justify-content:space-between;gap:4em}.innerParagraphButton[data-v-fa87dd64]{margin:1em}.subTitle[data-v-fa87dd64]{font-size:16px;font-style:italic;margin-right:2em}button[data-v-fa87dd64]{background-color:var(--button-color);color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s;font-size:15px;font-weight:700}button[data-v-fa87dd64]:hover{background-color:var(--button-color-hover)}.mail-succes-listener[data-v-fa87dd64]{display:flex;align-items:center}.card-alignement[data-v-fa87dd64]{align-items:center;display:flex;justify-content:space-around;gap:1em}.event-content[data-v-fa87dd64]{margin-left:1em;font-weight:700;color:var(--button-color)}.double-container[data-v-fa87dd64]{display:flex;justify-content:space-between;align-items:flex-start;gap:.5em}.typing-effect-container[data-v-fa87dd64]{display:flex;align-items:center}.typing-effect[data-v-fa87dd64]{display:inline-block;overflow:hidden;white-space:nowrap;border-right:6px var(--text-color) solid;animation:typing-fa87dd64 1.5s steps(30,end),blink-fa87dd64 .75s step-end infinite;vertical-align:middle;line-height:1.2}.not-icon[data-v-fa87dd64]{color:var(--text-color)}@keyframes typing-fa87dd64{0%{max-width:0}to{max-width:100%}}@keyframes blink-fa87dd64{50%{border-color:transparent}}@media (max-width: 1010px){.card-alignement[data-v-fa87dd64],.double-container[data-v-fa87dd64]{flex-direction:column;gap:1em}.loisir[data-v-fa87dd64],.contact[data-v-fa87dd64]{margin:0}.innerParagraphButton[data-v-fa87dd64]{margin:1em}}@media (max-width: 1060px){.HeadLine[data-v-fa87dd64]{margin-left:0;text-align:center;flex-direction:column}.typing-effect-container[data-v-fa87dd64]{display:flex;align-items:center;justify-content:center}}@media (max-width: 768px){.container[data-v-fa87dd64]{padding:1em}.profilPic[data-v-fa87dd64]{margin:1em}.presentation[data-v-fa87dd64]{margin:0}.separateur[data-v-fa87dd64],.innerParagraphButton[data-v-fa87dd64]{margin:1em}.mail-succes-listener[data-v-fa87dd64]{flex-direction:row;align-items:center}.mail-message[data-v-fa87dd64]{display:flex;flex-direction:column;align-items:center}.description-split[data-v-fa87dd64]{flex-direction:column;gap:1em}.justify-content[data-v-fa87dd64]:before,.justify-content[data-v-fa87dd64]:after{content:"“";font-size:1.5em;color:#c16ed2;position:absolute;font-weight:700}.justify-content[data-v-fa87dd64]:before{left:-.1em;top:-.1em}.justify-content[data-v-fa87dd64]:after{content:"”";right:-.1em;bottom:-.1em}.no-after[data-v-fa87dd64]:after{content:none}.no-before[data-v-fa87dd64]:before{content:none}.typing-effect[data-v-fa87dd64]{display:inline-block;overflow:hidden;white-space:nowrap;border-right:6px var(--text-color) solid;animation:typing-fa87dd64 1.5s steps(30,end),blink-fa87dd64 .75s step-end infinite;vertical-align:middle}}.project-preview[data-v-2f59bd8d]{width:auto;height:400px;border-radius:20px;border-color:var(--button-color);display:block;margin-left:auto;margin-right:auto}@media (max-width: 1500px){.project-header[data-v-2f59bd8d]{display:flex;flex-direction:column;align-items:center;gap:4em}.project-preview[data-v-2f59bd8d]{width:100%;height:auto}}.project-preview[data-v-98afd5a8],.project-preview[data-v-6223beb5],.project-preview[data-v-3387e9fb]{width:auto;height:400px;border-radius:20px;border-color:var(--button-color);display:block;margin-left:auto;margin-right:auto}@media (max-width: 1500px){.project-header[data-v-3387e9fb]{display:flex;flex-direction:column;align-items:center;gap:4em}.project-preview[data-v-3387e9fb]{width:50%;height:auto}}