:root{--bg: #112236;--highlight-green: #c5f802;--highlight-green-rgb: 197, 248, 2;--highlight-green-hover: #93c000;--highlight-blue: #2d3b81;--highlight-blue-hover: #1d2b71;--ink: #f8feff;--ink-secondary: #234369;--ink-highlight: var(--bg);--muted: #808080;--shadow: 0 6px 20px rgba(0, 0, 0, .08);--font-family-title: Audiowide, Roboto, Helvetica, Arial;--font-family-text: "Noto Sans", Roboto, Helvetica, Arial}html,body,#root{height:100%}html{overflow:hidden}body{margin:0;font-family:var(--font-family-text),sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title),sans-serif;text-transform:uppercase;font-weight:400;margin:0}.deck-link-container{position:fixed;top:3%;left:3%;z-index:2;cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:20px;transition:background-color .2s ease}.deck-link-container h1{color:var(--highlight-green);font-size:1.5rem;transition:color .2s ease}#deck-link_image{width:32px;height:32px;background-color:var(--highlight-green);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20shape-rendering='geometricPrecision'%20text-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%20500%20511.61'%3e%3cpath%20fill-rule='nonzero'%20d='m281.46%20249.66-15.5-101.27c-.57-3.8.47-7.81%203.19-10.93%204.92-5.64%2013.5-6.24%2019.14-1.32l207.07%20180.38%201.53%201.59c4.77%205.76%203.96%2014.32-1.8%2019.08L288.02%20508.53c-2.99%202.41-6.96%203.59-11.03%202.87-7.34-1.32-12.23-8.36-10.91-15.69l15.44-85.83c-17.98-2.09-37.59-6.57-57.77-13.36-52.66-17.69-109.96-51.41-153.32-100.33C26.64%20246.79-3.02%20181.98.25%20102.58%201.42%2073.66%207%2042.84%2017.88%2010.23%2019.22%204.95%2023.7.78%2029.43.1c7.44-.88%2014.19%204.44%2015.06%2011.87%2011.93%20100.08%2050.53%20158.11%2098.25%20191.8%2042.65%2030.12%2093.19%2041.35%20138.72%2045.89z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20shape-rendering='geometricPrecision'%20text-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%20500%20511.61'%3e%3cpath%20fill-rule='nonzero'%20d='m281.46%20249.66-15.5-101.27c-.57-3.8.47-7.81%203.19-10.93%204.92-5.64%2013.5-6.24%2019.14-1.32l207.07%20180.38%201.53%201.59c4.77%205.76%203.96%2014.32-1.8%2019.08L288.02%20508.53c-2.99%202.41-6.96%203.59-11.03%202.87-7.34-1.32-12.23-8.36-10.91-15.69l15.44-85.83c-17.98-2.09-37.59-6.57-57.77-13.36-52.66-17.69-109.96-51.41-153.32-100.33C26.64%20246.79-3.02%20181.98.25%20102.58%201.42%2073.66%207%2042.84%2017.88%2010.23%2019.22%204.95%2023.7.78%2029.43.1c7.44-.88%2014.19%204.44%2015.06%2011.87%2011.93%20100.08%2050.53%20158.11%2098.25%20191.8%2042.65%2030.12%2093.19%2041.35%20138.72%2045.89z'/%3e%3c/svg%3e");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.deck-link-container:hover h1{color:var(--ink)}.deck-link-container:hover #deck-link_image{background-color:var(--ink)}.button{background:var(--highlight-green);color:var(--ink-highlight);padding:12px 25px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.button:hover{background:var(--highlight-green-hover)}.button:disabled{background:rgba(var(--highlight-green-rgb),.3);cursor:not-allowed;pointer-events:none}.button:disabled:hover{background:rgba(var(--highlight-green-rgb),.5)}.scroll-button{width:32px;height:62px;margin:auto;border:solid 3px var(--highlight-green);border-radius:20px;cursor:pointer}.scroll-button:hover{background-color:var(--highlight-green)}.scroll-arrow{width:100%;height:100%;background-color:var(--highlight-green);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='36'%20viewBox='0%200%2024%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.9393%2035.0607C11.5251%2035.6464%2012.4749%2035.6464%2013.0607%2035.0607L22.6066%2025.5147C23.1924%2024.9289%2023.1924%2023.9792%2022.6066%2023.3934C22.0208%2022.8076%2021.0711%2022.8076%2020.4853%2023.3934L12%2031.8787L3.51472%2023.3934C2.92893%2022.8076%201.97918%2022.8076%201.3934%2023.3934C0.80761%2023.9792%200.80761%2024.9289%201.3934%2025.5147L10.9393%2035.0607ZM12%200L10.5%20-6.55671e-08L10.5%2034L12%2034L13.5%2034L13.5%206.55671e-08L12%200Z'%20fill='%23C5F802'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='36'%20viewBox='0%200%2024%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.9393%2035.0607C11.5251%2035.6464%2012.4749%2035.6464%2013.0607%2035.0607L22.6066%2025.5147C23.1924%2024.9289%2023.1924%2023.9792%2022.6066%2023.3934C22.0208%2022.8076%2021.0711%2022.8076%2020.4853%2023.3934L12%2031.8787L3.51472%2023.3934C2.92893%2022.8076%201.97918%2022.8076%201.3934%2023.3934C0.80761%2023.9792%200.80761%2024.9289%201.3934%2025.5147L10.9393%2035.0607ZM12%200L10.5%20-6.55671e-08L10.5%2034L12%2034L13.5%2034L13.5%206.55671e-08L12%200Z'%20fill='%23C5F802'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center 10px;mask-position:center 10px;transition:transform .3s ease,background-color .1s linear}.scroll-button:hover .scroll-arrow{background-color:var(--ink-highlight);transform:translateY(10px)}.home{height:100%}.home h1{font-size:3rem;font-weight:400;margin:10px 0 40px;line-height:1}.home h2{color:var(--ink-secondary);font-size:1.5rem;font-weight:400;margin:5px 0}.home h3{color:var(--highlight-green);font-size:1.5rem;font-weight:400;margin:5px 0}.home p{font-size:.9rem;margin:5px 0}.home-content{display:flex;flex-direction:row;justify-content:space-around;align-items:start;text-wrap:pretty;height:100vh}.home-resume{margin:auto;display:flex;flex-direction:column;justify-content:center;max-width:35%}.home-profile-pic{text-align:center;margin:auto 0 0 auto;overflow:hidden;height:100vh}#profile-pic{height:100vh}.home-socials{margin:auto 50px 75px 30px;display:flex;flex-direction:column;justify-content:end;align-items:center;z-index:1}.home-socials p{margin:10px 0;color:var(--highlight-green);font-size:.8rem;text-wrap:nowrap;writing-mode:vertical-rl}#linkedin{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='49'%20height='44'%20viewBox='0%200%2049%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M36.5%208.5C37.5625%208.5%2038.5%209.4375%2038.5%2010.5625L38.5%2034.5C38.5%2035.625%2037.5625%2036.5%2036.5%2036.5L12.4375%2036.5C11.375%2036.5%2010.5%2035.625%2010.5%2034.5L10.5%2010.5625C10.5%209.4375%2011.375%208.5%2012.4375%208.5L36.5%208.5ZM18.9375%2032.5L18.9375%2019.1875L14.8125%2019.1875L14.8125%2032.5L18.9375%2032.5ZM16.875%2017.3125C18.1875%2017.3125%2019.25%2016.25%2019.25%2014.9375C19.25%2013.625%2018.1875%2012.5%2016.875%2012.5C15.5%2012.5%2014.4375%2013.625%2014.4375%2014.9375C14.4375%2016.25%2015.5%2017.3125%2016.875%2017.3125ZM34.5%2032.5L34.5%2025.1875C34.5%2021.625%2033.6875%2018.8125%2029.5%2018.8125C27.5%2018.8125%2026.125%2019.9375%2025.5625%2021H25.5V19.1875L21.5625%2019.1875L21.5625%2032.5L25.6875%2032.5L25.6875%2025.9375C25.6875%2024.1875%2026%2022.5%2028.1875%2022.5C30.3125%2022.5%2030.3125%2024.5%2030.3125%2026L30.3125%2032.5L34.5%2032.5Z'%20fill='%23C5F802'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='49'%20height='44'%20viewBox='0%200%2049%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M36.5%208.5C37.5625%208.5%2038.5%209.4375%2038.5%2010.5625L38.5%2034.5C38.5%2035.625%2037.5625%2036.5%2036.5%2036.5L12.4375%2036.5C11.375%2036.5%2010.5%2035.625%2010.5%2034.5L10.5%2010.5625C10.5%209.4375%2011.375%208.5%2012.4375%208.5L36.5%208.5ZM18.9375%2032.5L18.9375%2019.1875L14.8125%2019.1875L14.8125%2032.5L18.9375%2032.5ZM16.875%2017.3125C18.1875%2017.3125%2019.25%2016.25%2019.25%2014.9375C19.25%2013.625%2018.1875%2012.5%2016.875%2012.5C15.5%2012.5%2014.4375%2013.625%2014.4375%2014.9375C14.4375%2016.25%2015.5%2017.3125%2016.875%2017.3125ZM34.5%2032.5L34.5%2025.1875C34.5%2021.625%2033.6875%2018.8125%2029.5%2018.8125C27.5%2018.8125%2026.125%2019.9375%2025.5625%2021H25.5V19.1875L21.5625%2019.1875L21.5625%2032.5L25.6875%2032.5L25.6875%2025.9375C25.6875%2024.1875%2026%2022.5%2028.1875%2022.5C30.3125%2022.5%2030.3125%2024.5%2030.3125%2026L30.3125%2032.5L34.5%2032.5Z'%20fill='%23C5F802'/%3e%3c/svg%3e")}#email{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='52'%20height='45'%20viewBox='0%200%2052%2045'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M41.375%2018.9375C41.625%2018.75%2042%2018.9375%2042%2019.25L42%2032C42%2033.6875%2040.625%2035%2039%2035L13%2035C11.3125%2035%2010%2033.6875%2010%2032L10%2019.25C10%2018.9375%2010.3125%2018.75%2010.5625%2018.9375C12%2020.0625%2013.8125%2021.4375%2020.1875%2026.0625C21.5%2027%2023.75%2029.0625%2026%2029.0625C28.1875%2029.0625%2030.5%2027%2031.75%2026.0625C38.125%2021.4375%2039.9375%2020.0625%2041.375%2018.9375ZM26%2027C24.5%2027.0625%2022.4375%2025.1875%2021.375%2024.4375C13.0625%2018.4375%2012.4375%2017.875%2010.5625%2016.375C10.1875%2016.125%2010%2015.6875%2010%2015.1875L10%2014C10%2012.375%2011.3125%2011%2013%2011L39%2011C40.625%2011%2042%2012.375%2042%2014V15.1875C42%2015.6875%2041.75%2016.125%2041.375%2016.375C39.5%2017.875%2038.875%2018.4375%2030.5625%2024.4375C29.5%2025.1875%2027.4375%2027.0625%2026%2027Z'%20fill='%23C5F802'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='52'%20height='45'%20viewBox='0%200%2052%2045'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M41.375%2018.9375C41.625%2018.75%2042%2018.9375%2042%2019.25L42%2032C42%2033.6875%2040.625%2035%2039%2035L13%2035C11.3125%2035%2010%2033.6875%2010%2032L10%2019.25C10%2018.9375%2010.3125%2018.75%2010.5625%2018.9375C12%2020.0625%2013.8125%2021.4375%2020.1875%2026.0625C21.5%2027%2023.75%2029.0625%2026%2029.0625C28.1875%2029.0625%2030.5%2027%2031.75%2026.0625C38.125%2021.4375%2039.9375%2020.0625%2041.375%2018.9375ZM26%2027C24.5%2027.0625%2022.4375%2025.1875%2021.375%2024.4375C13.0625%2018.4375%2012.4375%2017.875%2010.5625%2016.375C10.1875%2016.125%2010%2015.6875%2010%2015.1875L10%2014C10%2012.375%2011.3125%2011%2013%2011L39%2011C40.625%2011%2042%2012.375%2042%2014V15.1875C42%2015.6875%2041.75%2016.125%2041.375%2016.375C39.5%2017.875%2038.875%2018.4375%2030.5625%2024.4375C29.5%2025.1875%2027.4375%2027.0625%2026%2027Z'%20fill='%23C5F802'/%3e%3c/svg%3e")}#linkedin,#email{width:30px;height:30px;margin:10px 0;background-color:var(--highlight-green);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform .1s ease-in-out,background-color .1s ease-in-out}#linkedin:hover,#email:hover{transform:scale(1.3);background-color:var(--ink)}.home-socials .line{margin:10px 0;width:1px;height:100px;background-color:var(--highlight-green)}.home-footer{width:100%;position:absolute;bottom:4%;text-align:center}.deck-builder{position:absolute;z-index:5;background-color:var(--bg);overflow-y:scroll;scrollbar-width:thin;max-height:100vh}.deck-close{display:flex;flex-direction:row;justify-content:right;padding:1% 2%}.deck-close-button{width:50px;height:50px;background-color:var(--highlight-green);-webkit-mask:url("data:image/svg+xml,%3csvg%20class='svg-icon'%20style='width:%201em;%20height:%201em;vertical-align:%20middle;fill:%20currentColor;overflow:%20hidden;'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M810.65984%20170.65984q18.3296%200%2030.49472%2012.16512t12.16512%2030.49472q0%2018.00192-12.32896%2030.33088l-268.67712%20268.32896%20268.67712%20268.32896q12.32896%2012.32896%2012.32896%2030.33088%200%2018.3296-12.16512%2030.49472t-30.49472%2012.16512q-18.00192%200-30.33088-12.32896l-268.32896-268.67712-268.32896%20268.67712q-12.32896%2012.32896-30.33088%2012.32896-18.3296%200-30.49472-12.16512t-12.16512-30.49472q0-18.00192%2012.32896-30.33088l268.67712-268.32896-268.67712-268.32896q-12.32896-12.32896-12.32896-30.33088%200-18.3296%2012.16512-30.49472t30.49472-12.16512q18.00192%200%2030.33088%2012.32896l268.32896%20268.67712%20268.32896-268.67712q12.32896-12.32896%2030.33088-12.32896z'%20/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20class='svg-icon'%20style='width:%201em;%20height:%201em;vertical-align:%20middle;fill:%20currentColor;overflow:%20hidden;'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M810.65984%20170.65984q18.3296%200%2030.49472%2012.16512t12.16512%2030.49472q0%2018.00192-12.32896%2030.33088l-268.67712%20268.32896%20268.67712%20268.32896q12.32896%2012.32896%2012.32896%2030.33088%200%2018.3296-12.16512%2030.49472t-30.49472%2012.16512q-18.00192%200-30.33088-12.32896l-268.32896-268.67712-268.32896%20268.67712q-12.32896%2012.32896-30.33088%2012.32896-18.3296%200-30.49472-12.16512t-12.16512-30.49472q0-18.00192%2012.32896-30.33088l268.67712-268.32896-268.67712-268.32896q-12.32896-12.32896-12.32896-30.33088%200-18.3296%2012.16512-30.49472t30.49472-12.16512q18.00192%200%2030.33088%2012.32896l268.32896%20268.67712%20268.32896-268.67712q12.32896-12.32896%2030.33088-12.32896z'%20/%3e%3c/svg%3e") no-repeat center;transition:background-color .3s ease}.deck-close-button:hover{background-color:var(--ink);cursor:pointer}.card-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin:auto}:root{--card-background: #f8feff;--card-border: #f8feff;--card-scale: 1;--c-formation: #945498;--c-skill: #77903d;--c-project: #3d9c84;--c-softSkill: #4279ac;--c-experience: #b6474b;--c-hobby: #dd8133}.card.formation{--accent: var(--c-formation)}.card.skill{--accent: var(--c-skill)}.card.project{--accent: var(--c-project)}.card.softSkill{--accent: var(--c-softSkill)}.card.experience{--accent: var(--c-experience)}.card.hobby{--accent: var(--c-hobby)}.card{background:var(--card-border);padding:calc(11px * var(--card-scale));min-width:calc(250px * var(--card-scale));width:calc(250px * var(--card-scale));height:calc(350px * var(--card-scale));border-radius:12px;box-sizing:border-box;box-shadow:0 0 10px 10px rgba(var(--highlight-green-rgb),0);cursor:pointer;transition:outline .2s ease,box-shadow .2s ease;z-index:1}.card:hover,.card.selected{box-shadow:0 0 10px 5px rgba(var(--highlight-green-rgb),1)}.card h1{--card-type-font-size: 1.2rem;margin:0;font-size:calc(var(--card-type-font-size) * var(--card-scale));font-weight:400}.card h2{--card-title-font-size: 1.3rem;margin:0;font-size:calc(var(--card-title-font-size) * var(--card-scale));font-weight:400}.card p{--card-text-font-size: .9rem;margin:0;font-size:calc(var(--card-text-font-size) * var(--card-scale))}.card-background{height:100%;border-radius:8px;background-color:var(--ink);position:relative;display:grid;grid-template-columns:75% 25%;grid-template-rows:15% 85%;text-align:center}.q1,.q2,.q3,.q4{background-color:var(--accent);align-content:center}.q1{border-radius:8px 12px 0 0}.q3{border-radius:0 0 0 8px}.q4{border-radius:0 12px 8px 0}.q2 h1{background-color:var(--ink);border-radius:0 0 0 12px;height:100%;color:var(--accent);align-content:center;--card-point-font-size: 1.8rem;font-size:calc(var(--card-point-font-size) * var(--card-scale))}.card-body{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:1rem;text-align:center;text-wrap:pretty}.card-body p{margin:0 5%}.card-footer{position:absolute;bottom:0;padding:5%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15%}.card-footer p{font-family:var(--font-family-title),sans-serif}.card-footer img{--flash-size: 15px;width:calc(var(--flash-size) * var(--card-scale));height:calc(var(--flash-size) * var(--card-scale))}.card-container{display:flex;flex-direction:column;justify-content:end;align-items:center}.card-options-container{width:100%;display:flex;flex-direction:row;justify-content:center;gap:10px;padding-bottom:5px}.card-play-button,.card-discard-button{color:var(--ink-highlight);font-family:var(--font-family-title),sans-serif;padding:12px 20px;border:white solid 1px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.card-play-button{background:var(--highlight-green)}.card-play-button:hover{background:var(--highlight-green-hover)}.card-discard-button{background:var(--highlight-blue)}.card-discard-button:hover{background:var(--highlight-blue-hover)}.card-back{height:100%;border-radius:4px;background-color:var(--highlight-blue);display:flex;z-index:0}.card-back .card-frame{background-color:var(--highlight-blue);justify-content:space-around}.card-back h2,.card-back p{color:var(--ink)}.card-back a{color:var(--highlight-green)}.game-hud{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.game-header{margin-top:5vh;text-align:center}.game-board{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2%;justify-content:center}.game-board .card{--card-scale: .75}.game-footer{margin:0 5vh 1vh;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:end}.game-hand{display:flex;justify-content:center;flex-wrap:nowrap;gap:15px;overflow:visible}.game-deck{display:flex;flex-direction:column;gap:15px}.game-deck h1{font-size:1rem}.card.none{--card-scale: .5}.card.none:hover,.game-board .card:hover{cursor:auto;transform:none;box-shadow:none}.card-slot.formation{--accent: var(--c-formation)}.card-slot.skill{--accent: var(--c-skill)}.card-slot.project{--accent: var(--c-project)}.card-slot.softSkill{--accent: var(--c-softSkill)}.card-slot.experience{--accent: var(--c-experience)}.card-slot.hobby{--accent: var(--c-hobby)}.card-slot{border:5px solid var(--accent);border-radius:5px;background-color:color-mix(in srgb,var(--highlight-blue) 30%,transparent);--card-scale: .75;min-width:calc(250px * var(--card-scale));width:calc(250px * var(--card-scale));height:calc(350px * var(--card-scale))}