@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Fira+Code:wght@300..700&family=Jacquard+12&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{padding:0;margin:0;background-color:var(--background-main);color:var(--foreground-main);font-family:Outfit,Noto Sans,sans-serif;transition:background-color .2s ease-out,color .2s ease-out}.container-center{display:flex;flex-direction:column;justify-content:center;align-items:center}a{text-decoration:none;margin-bottom:-4px}:root{--background-main: #242424;--background-washed: #242424b6;--background-extra-washed: #24242465;--foreground-main: #ffffff;--foreground-washed: #ffffffb6;--foreground-extra-washed: #ffffff65;--accent-main: #ffac1c;--accent-washed: #ffac1c65}[data-theme=light]{--background-main: #ffffff;--background-washed: #ffffffb6;--background-extra-washed: #ffffff65;--foreground-main: #242424;--foreground-washed: #242424b6;--foreground-extra-washed: #24242465;--accent-main: #ffac1c;--accent-washed: #ffac1c65}body{width:100%;scroll-behavior:smooth}.header-wrapper{position:sticky;left:0;top:0;display:flex;height:75px;max-width:100vw;justify-content:space-between;align-items:center;padding-inline:5rem;border-bottom:2px solid var(--accent-main);z-index:100}.header-name{font-size:2.2rem;font-weight:700;letter-spacing:-2px;text-shadow:2px 2px var(--accent-main);font-family:Outfit,sans-serif;transition:text-shadow .2 ease}.header-name a:hover{color:var(--accent-main)!important;text-shadow:2px 2px var(--foreground-main)}.header-links{display:flex;justify-content:center;align-items:center;gap:1rem}.header-links li{list-style-type:none}.header-socials{display:flex;justify-content:center;align-items:center;gap:1rem}.header-icon{width:35px;height:35px;cursor:pointer}.header-icon:hover{transform:scale(1.05)}@media screen and (max-width: 1000px){.header-wrapper{padding-inline:1rem}.header-links{display:none}}.theme-icon{width:35px;height:35px;background-color:transparent;cursor:pointer}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.grid-background-wrapper{position:absolute;left:0;top:0;width:100%;height:100%}.grid-background-wrapper *{background-color:unset}.grid-background-main{position:absolute;width:100%;height:100%;left:0;top:0;background-size:40px 40px;background-image:linear-gradient(to right,var(--accent-washed) 2px,transparent 2px),linear-gradient(to bottom,var(--accent-washed) 2px,transparent 2px);z-index:0}.grid-background-filter{position:relative;width:100%;height:100%;background-image:radial-gradient(white 35%,transparent);z-index:1}.noise-overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.hero-wrapper{background:var(--background-main);width:calc(100% - 24px);height:calc(100vh - 100px);min-height:600px;max-height:700px;border:12px solid var(--accent-main);display:flex;justify-content:center;align-items:center;position:relative}.hero-content{width:100%;z-index:2;background:transparent;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.hero-content *{background:transparent}.hero-text-main *{background-color:transparent;font-size:clamp(1.5rem,9vw,4rem);font-weight:800;font-family:Outfit;text-shadow:4px 4px 0px var(--accent-main);-webkit-text-stroke:1px var(--background-extra-washed)}.hero-subtitle{font-size:clamp(.75rem,4vw,1.3rem);font-weight:550}.hero-text-encrypted{font-family:Fira Code;font-size:clamp(1.5rem,8vw,4rem);color:var(--foreground-washed);background-color:var(--accent-main)}.hero-quote{width:85%;max-width:500px;margin-top:6rem;font-size:clamp(1rem,3vw,1.3rem);font-family:Newsreader,Noto Sans,sans-serif;font-weight:500;text-align:center}.hero-links{margin-top:1rem;max-width:500px;display:flex;gap:1rem;width:85%;justify-content:space-around;align-items:center;flex-wrap:wrap}.hero-links .badge-wrapper:hover{transform:scale(1.05)}.hero-email a{margin:0}.hero-email a:hover{color:var(--accent-main)}.hero-location,.hero-email{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:clamp(1rem,3vw,1.3rem)}.hero-details{margin-top:1rem;max-width:500px;display:flex;width:85%;justify-content:space-between}.hero-subtitle a{position:relative;text-decoration:none}.hero-subtitle a:before{content:"";position:absolute;width:100%;height:4px;border-radius:4px;background-color:#f6c31c;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.hero-subtitle a:hover{color:#f6c31c}.hero-subtitle a:hover:before{transform-origin:left;transform:scaleX(1)}.badge-wrapper{display:flex;gap:.25rem;justify-content:center;align-items:center;width:fit-content;padding:.25rem .5rem;border-radius:.2rem;border:1px solid var(--accent-main)}.badge-icon{margin-bottom:-4px;background:transparent}.badge-icon svg{background:transparent!important;width:20px;height:20px;padding:0;margin:0}.badge-name{background:transparent;font-weight:600}.all-content-wrapper{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:2rem;gap:1rem}.section-wrapper{width:100%;display:flex;justify-content:center;gap:1rem;margin-block:1rem}.section-title{width:30%;text-align:right;padding:.5rem 1rem;font-weight:700;font-size:1.5rem;color:var(--accent-main);text-shadow:2px 2px 0px var(--foreground-main);background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='35.584' height='30.585' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%232b2b3100'/><path d='M36.908 9.243c-5.014 0-7.266 3.575-7.266 7.117 0 3.376 2.45 5.726 5.959 5.726 1.307 0 2.45-.463 3.244-1.307.744-.811 1.125-1.903 1.042-3.095-.066-.811-.546-1.655-1.274-2.185-.596-.447-1.639-.894-3.162-.546-.48.1-.778.58-.662 1.06.1.48.58.777 1.06.661.695-.149 1.274-.066 1.705.249.364.265.546.645.562.893.05.679-.165 1.308-.579 1.755-.446.48-1.125.744-1.936.744-2.55 0-4.188-1.538-4.188-3.938 0-2.466 1.44-5.347 5.495-5.347 2.897 0 6.008 1.888 6.388 6.058.166 1.804.067 5.147-2.598 7.034a.868.868 0 00-.142.122c-1.311.783-2.87 1.301-4.972 1.301-4.088 0-6.123-1.952-8.275-4.021-2.317-2.218-4.7-4.518-9.517-4.518-4.094 0-6.439 1.676-8.479 3.545.227-1.102.289-2.307.17-3.596-.496-5.263-4.567-7.662-8.159-7.662-5.015 0-7.265 3.574-7.265 7.116 0 3.377 2.45 5.727 5.958 5.727 1.307 0 2.449-.463 3.243-1.308.745-.81 1.126-1.903 1.043-3.095-.066-.81-.546-1.654-1.274-2.184-.596-.447-1.639-.894-3.161-.546-.48.1-.778.58-.662 1.06.099.48.579.777 1.059.66.695-.148 1.275-.065 1.705.25.364.264.546.645.563.893.05.679-.166 1.307-.58 1.754-.447.48-1.125.745-1.936.745-2.549 0-4.188-1.539-4.188-3.939 0-2.466 1.44-5.345 5.495-5.345 2.897 0 6.008 1.87 6.389 6.057.163 1.781.064 5.06-2.504 6.96-1.36.864-2.978 1.447-5.209 1.447-4.088 0-6.124-1.952-8.275-4.021-2.317-2.218-4.7-4.518-9.516-4.518v1.787c4.088 0 6.123 1.953 8.275 4.022 2.317 2.218 4.7 4.518 9.516 4.518 4.8 0 7.2-2.3 9.517-4.518 2.151-2.069 4.187-4.022 8.275-4.022s6.124 1.953 8.275 4.022c2.318 2.218 4.701 4.518 9.517 4.518 4.8 0 7.2-2.3 9.516-4.518 2.152-2.069 4.188-4.022 8.276-4.022s6.123 1.953 8.275 4.022c2.317 2.218 4.7 4.518 9.517 4.518v-1.788c-4.088 0-6.124-1.952-8.275-4.021-2.318-2.218-4.701-4.518-9.517-4.518-4.103 0-6.45 1.683-8.492 3.556.237-1.118.304-2.343.184-3.656-.497-5.263-4.568-7.663-8.16-7.663z'  stroke-width='1' stroke='none' fill='%23ffab1a24'/><path d='M23.42 41.086a.896.896 0 01-.729-.38.883.883 0 01.215-1.242c2.665-1.887 2.764-5.23 2.599-7.034-.38-4.187-3.492-6.058-6.389-6.058-4.055 0-5.495 2.88-5.495 5.346 0 2.4 1.639 3.94 4.188 3.94.81 0 1.49-.265 1.936-.745.414-.447.63-1.076.58-1.755-.017-.248-.2-.629-.547-.893-.43-.315-1.026-.398-1.704-.249a.868.868 0 01-1.06-.662.868.868 0 01.662-1.059c1.523-.348 2.566.1 3.161.546.729.53 1.209 1.374 1.275 2.185.083 1.191-.298 2.284-1.043 3.095-.794.844-1.936 1.307-3.244 1.307-3.508 0-5.958-2.35-5.958-5.726 0-3.542 2.25-7.117 7.266-7.117 3.591 0 7.663 2.4 8.16 7.663.347 3.79-.828 6.868-3.344 8.656a.824.824 0 01-.53.182zm0-30.585a.896.896 0 01-.729-.38.883.883 0 01.215-1.242c2.665-1.887 2.764-5.23 2.599-7.034-.381-4.187-3.493-6.058-6.389-6.058-4.055 0-5.495 2.88-5.495 5.346 0 2.4 1.639 3.94 4.188 3.94.81 0 1.49-.266 1.936-.746.414-.446.629-1.075.58-1.754-.017-.248-.2-.629-.547-.894-.43-.314-1.026-.397-1.705-.248A.868.868 0 0117.014.77a.868.868 0 01.662-1.06c1.523-.347 2.566.1 3.161.547.729.53 1.209 1.374 1.275 2.185.083 1.191-.298 2.284-1.043 3.095-.794.844-1.936 1.307-3.244 1.307-3.508 0-5.958-2.35-5.958-5.726 0-3.542 2.25-7.117 7.266-7.117 3.591 0 7.663 2.4 8.16 7.663.347 3.79-.828 6.868-3.344 8.656a.824.824 0 01-.53.182zm29.956 1.572c-4.8 0-7.2-2.3-9.517-4.518-2.151-2.069-4.187-4.022-8.275-4.022S29.46 5.486 27.31 7.555c-2.317 2.218-4.7 4.518-9.517 4.518-4.8 0-7.2-2.3-9.516-4.518C6.124 5.486 4.088 3.533 0 3.533s-6.124 1.953-8.275 4.022c-2.317 2.218-4.7 4.518-9.517 4.518-4.8 0-7.2-2.3-9.516-4.518-2.152-2.069-4.188-4.022-8.276-4.022V1.746c4.8 0 7.2 2.3 9.517 4.518 2.152 2.069 4.187 4.022 8.275 4.022s6.124-1.953 8.276-4.022C-7.2 4.046-4.816 1.746 0 1.746c4.8 0 7.2 2.3 9.517 4.518 2.151 2.069 4.187 4.022 8.275 4.022s6.124-1.953 8.275-4.022c2.318-2.218 4.7-4.518 9.517-4.518 4.8 0 7.2 2.3 9.517 4.518 2.151 2.069 4.187 4.022 8.275 4.022s6.124-1.953 8.275-4.022c2.317-2.218 4.7-4.518 9.517-4.518v1.787c-4.088 0-6.124 1.953-8.275 4.022-2.317 2.234-4.717 4.518-9.517 4.518z'  stroke-width='1' stroke='none' fill='%23ffab1a24'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");border-radius:35px}body[data-theme=light] .section-title{background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='35.584' height='30.585' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%232b2b3100'/><path d='M36.908 9.243c-5.014 0-7.266 3.575-7.266 7.117 0 3.376 2.45 5.726 5.959 5.726 1.307 0 2.45-.463 3.244-1.307.744-.811 1.125-1.903 1.042-3.095-.066-.811-.546-1.655-1.274-2.185-.596-.447-1.639-.894-3.162-.546-.48.1-.778.58-.662 1.06.1.48.58.777 1.06.661.695-.149 1.274-.066 1.705.249.364.265.546.645.562.893.05.679-.165 1.308-.579 1.755-.446.48-1.125.744-1.936.744-2.55 0-4.188-1.538-4.188-3.938 0-2.466 1.44-5.347 5.495-5.347 2.897 0 6.008 1.888 6.388 6.058.166 1.804.067 5.147-2.598 7.034a.868.868 0 00-.142.122c-1.311.783-2.87 1.301-4.972 1.301-4.088 0-6.123-1.952-8.275-4.021-2.317-2.218-4.7-4.518-9.517-4.518-4.094 0-6.439 1.676-8.479 3.545.227-1.102.289-2.307.17-3.596-.496-5.263-4.567-7.662-8.159-7.662-5.015 0-7.265 3.574-7.265 7.116 0 3.377 2.45 5.727 5.958 5.727 1.307 0 2.449-.463 3.243-1.308.745-.81 1.126-1.903 1.043-3.095-.066-.81-.546-1.654-1.274-2.184-.596-.447-1.639-.894-3.161-.546-.48.1-.778.58-.662 1.06.099.48.579.777 1.059.66.695-.148 1.275-.065 1.705.25.364.264.546.645.563.893.05.679-.166 1.307-.58 1.754-.447.48-1.125.745-1.936.745-2.549 0-4.188-1.539-4.188-3.939 0-2.466 1.44-5.345 5.495-5.345 2.897 0 6.008 1.87 6.389 6.057.163 1.781.064 5.06-2.504 6.96-1.36.864-2.978 1.447-5.209 1.447-4.088 0-6.124-1.952-8.275-4.021-2.317-2.218-4.7-4.518-9.516-4.518v1.787c4.088 0 6.123 1.953 8.275 4.022 2.317 2.218 4.7 4.518 9.516 4.518 4.8 0 7.2-2.3 9.517-4.518 2.151-2.069 4.187-4.022 8.275-4.022s6.124 1.953 8.275 4.022c2.318 2.218 4.701 4.518 9.517 4.518 4.8 0 7.2-2.3 9.516-4.518 2.152-2.069 4.188-4.022 8.276-4.022s6.123 1.953 8.275 4.022c2.317 2.218 4.7 4.518 9.517 4.518v-1.788c-4.088 0-6.124-1.952-8.275-4.021-2.318-2.218-4.701-4.518-9.517-4.518-4.103 0-6.45 1.683-8.492 3.556.237-1.118.304-2.343.184-3.656-.497-5.263-4.568-7.663-8.16-7.663z'  stroke-width='1' stroke='none' fill='%23ecc94b74'/><path d='M23.42 41.086a.896.896 0 01-.729-.38.883.883 0 01.215-1.242c2.665-1.887 2.764-5.23 2.599-7.034-.38-4.187-3.492-6.058-6.389-6.058-4.055 0-5.495 2.88-5.495 5.346 0 2.4 1.639 3.94 4.188 3.94.81 0 1.49-.265 1.936-.745.414-.447.63-1.076.58-1.755-.017-.248-.2-.629-.547-.893-.43-.315-1.026-.398-1.704-.249a.868.868 0 01-1.06-.662.868.868 0 01.662-1.059c1.523-.348 2.566.1 3.161.546.729.53 1.209 1.374 1.275 2.185.083 1.191-.298 2.284-1.043 3.095-.794.844-1.936 1.307-3.244 1.307-3.508 0-5.958-2.35-5.958-5.726 0-3.542 2.25-7.117 7.266-7.117 3.591 0 7.663 2.4 8.16 7.663.347 3.79-.828 6.868-3.344 8.656a.824.824 0 01-.53.182zm0-30.585a.896.896 0 01-.729-.38.883.883 0 01.215-1.242c2.665-1.887 2.764-5.23 2.599-7.034-.381-4.187-3.493-6.058-6.389-6.058-4.055 0-5.495 2.88-5.495 5.346 0 2.4 1.639 3.94 4.188 3.94.81 0 1.49-.266 1.936-.746.414-.446.629-1.075.58-1.754-.017-.248-.2-.629-.547-.894-.43-.314-1.026-.397-1.705-.248A.868.868 0 0117.014.77a.868.868 0 01.662-1.06c1.523-.347 2.566.1 3.161.547.729.53 1.209 1.374 1.275 2.185.083 1.191-.298 2.284-1.043 3.095-.794.844-1.936 1.307-3.244 1.307-3.508 0-5.958-2.35-5.958-5.726 0-3.542 2.25-7.117 7.266-7.117 3.591 0 7.663 2.4 8.16 7.663.347 3.79-.828 6.868-3.344 8.656a.824.824 0 01-.53.182zm29.956 1.572c-4.8 0-7.2-2.3-9.517-4.518-2.151-2.069-4.187-4.022-8.275-4.022S29.46 5.486 27.31 7.555c-2.317 2.218-4.7 4.518-9.517 4.518-4.8 0-7.2-2.3-9.516-4.518C6.124 5.486 4.088 3.533 0 3.533s-6.124 1.953-8.275 4.022c-2.317 2.218-4.7 4.518-9.517 4.518-4.8 0-7.2-2.3-9.516-4.518-2.152-2.069-4.188-4.022-8.276-4.022V1.746c4.8 0 7.2 2.3 9.517 4.518 2.152 2.069 4.187 4.022 8.275 4.022s6.124-1.953 8.276-4.022C-7.2 4.046-4.816 1.746 0 1.746c4.8 0 7.2 2.3 9.517 4.518 2.151 2.069 4.187 4.022 8.275 4.022s6.124-1.953 8.275-4.022c2.318-2.218 4.7-4.518 9.517-4.518 4.8 0 7.2 2.3 9.517 4.518 2.151 2.069 4.187 4.022 8.275 4.022s6.124-1.953 8.275-4.022c2.317-2.218 4.7-4.518 9.517-4.518v1.787c-4.088 0-6.124 1.953-8.275 4.022-2.317 2.234-4.717 4.518-9.517 4.518z'  stroke-width='1' stroke='none' fill='%23ecc94b74'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")}.section-content-wrapper{width:50%;height:100%;padding-inline:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.section-child-wrapper{display:flex;width:110%}@media screen and (max-width: 1000px){.section-wrapper{flex-direction:column;justify-content:center;align-items:center}.section-title{text-align:center;width:70%}.section-content-wrapper{width:70%}}@media screen and (max-width: 700px){.section-title{text-align:center;width:100%}.section-content-wrapper{width:100%;padding:0}}@media screen and (max-width: 400px){.section-child-wrapper{width:120%}}.project-card-wrapper{width:100%;border-radius:30px;overflow:hidden;padding:1rem 1.3rem;border:1px solid var(--foreground-washed);box-shadow:3px 3px var(--foreground-extra-washed)}.project-card-top{display:flex;justify-content:space-between;padding-bottom:.75rem}.project-top-left{display:flex;justify-content:center;align-items:center;gap:.5rem}.project-icon{border-radius:50%;overflow:hidden;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.project-icon img{object-fit:cover;width:100%;height:100%}.project-name{font-weight:700;font-size:1.4rem;color:var(--foreground-main);letter-spacing:.025rem}.project-top-right{display:flex;justify-content:center;align-items:center;gap:.5rem}.project-link-icon{width:30px;height:30px}.project-link-icon:hover{transform:scale(1.05);opacity:.8}.project-skills{padding-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}@media screen and (max-width: 400px){.project-card-top{flex-direction:column;justify-content:center;padding-bottom:1rem;gap:.25rem}}.timeline{width:4px;margin-inline:1rem;display:flex;justify-content:center;border-radius:10px;border:1px solid var(--foreground-extra-washed)}.timeline svg{display:block;position:absolute;width:22px;height:22px;margin-top:1.2rem;background-color:transparent;fill:var(--accent-main);color:var(--background-main)!important}.experience-card-wrapper{width:100%;border-radius:30px;overflow:hidden;padding:1rem 1.3rem;border:1px solid var(--foreground-washed);box-shadow:3px 3px var(--accent-main);display:flex;flex-direction:column;gap:1rem}.experience-logo{height:75px;width:75px;background-color:#fff;border:2px solid var(--foreground-extra-washed);border-radius:15px;overflow:hidden}.experience-company-details-wrapper{width:90%}.experience-logo img{background-color:#fff;object-fit:cover;width:100%;height:100%}.experience-card-top{display:flex;gap:1rem}.experience-content{width:100%}.experience-company{font-weight:700;font-size:1.4rem;margin-bottom:.25rem}.experience-details{font-family:Fira Code,Outfit,sans-serif;font-size:.85rem;color:var(--foreground-main);letter-spacing:.025rem;display:flex;flex-direction:column}.experience-skills{padding-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}@media screen and (max-width: 560px){.experience-card-wrapper{flex-direction:column;justify-content:center}.experience-logo{width:70%}.experience-content{width:100%}}.socials-wrapper{width:100%;display:flex;height:50px;border:2px solid var(--accent-washed);border-inline:none;justify-content:center;align-items:center;gap:.75rem}.social-link{width:35px;height:35px;margin-top:-4px}.social-link svg{width:100%;height:100%;transition:transform .2s ease-in-out}.social-link:hover svg{fill:var(--accent-main);transform:translateY(-2px)}.footer-wrapper{background-color:var(--background-main);color:var(--foreground-main);width:100%;height:20vh}
