:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px}.my_picture{width:100%;max-width:400px;height:auto;object-fit:cover;border-radius:30px;margin:1rem 0;display:block}.home-sub-content{width:100%;padding:.5rem 0}.content-text{font-size:1.1rem;color:#000;line-height:1.6}.socials-list{list-style-type:none;padding:0}.socials-list-item{font-size:1.5rem;margin-bottom:.5rem}.socials-list-item a{color:#000;text-decoration:none}.socials-list-item:hover{text-decoration:underline}@media (min-width: 768px){.card-content{width:80%;margin-left:10%;padding:3.5rem 2.5rem}.my_picture{width:500px;height:500px}.home-sub-content{width:60%}.content-text{font-size:1.5rem}}.header{width:100%;position:relative;margin:0;z-index:1}.header-title{background-color:#fff;width:100%;min-height:8rem;padding:1rem 1.5rem;box-sizing:border-box;display:flex;align-items:center}.header-title-text{color:#515151;font-size:clamp(2.5rem,8vw,8rem);margin:0;line-height:1.1}.header-subtitle{display:flex;background-color:#515151;min-height:4rem;align-items:center;padding:0 1.5rem}.header-subtitle-text{color:#fff;font-size:clamp(1.2rem,4vw,3rem);margin:0}@media (min-width: 768px){.header{width:88%;margin-left:12%}.header-title{height:13.875rem;padding-left:35px}.header-subtitle{height:6.5rem;padding-left:35px}}.Separator{display:flex;background-color:#515151;width:90%;height:4.5rem;align-items:center;padding-left:20px;margin:2rem 0;border-radius:0 10px 10px 0}.Separator-Title{color:#fff;font-size:clamp(1.75rem,5vw,3.125rem);margin:0}@media (min-width: 768px){.Separator{width:40vw;height:6.5rem;padding-left:35px;margin:2.5rem 0}}.Skill-Subtitle{color:#000;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:2.5rem 0 1rem}.Skill-List{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%}.ToolTag{display:inline-flex;background-color:#0000000f;align-items:center;border-radius:12px;gap:8px;padding:8px 16px;max-width:100%;box-sizing:border-box}.ToolTag-Img{width:24px;height:24px;flex-shrink:0;object-fit:contain}.ToolTag-Text{font-size:clamp(1rem,2vw,1.5rem);font-weight:400;color:#000;white-space:nowrap}@media (min-width: 768px){.ToolTag-Img{width:32px;height:32px}.Skill-List{gap:16px}}.rights-reserved{color:#000;font-size:clamp(.875rem,2vw,1.5rem);text-align:left;padding:1rem 0;opacity:.8}@media (max-width: 768px){.rights-reserved{text-align:center;font-size:1rem}}.noise-overlay{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/noisy-texture-2.png);background-repeat:repeat;background-size:auto;opacity:.1;pointer-events:none;z-index:100;background-blend-mode:overlay}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:101;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.2) 2px,rgba(0,0,0,.2) 4px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.7) 100%);border-radius:16px;animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.94}50%{opacity:1}to{opacity:.96}}.nav-bar{position:fixed;bottom:2rem;right:1.5rem;z-index:10;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px;border-radius:12px}.nav-links{text-align:right;color:#000;list-style-type:none;margin:0;padding:0}.nav-direction{font-size:1.25rem;color:#000;text-decoration:underline;display:block;margin-bottom:.5rem;transition:all .2s ease}.current-location{background-color:#515151;padding:4px 8px;color:#fff;text-decoration:none;display:inline-block}@media (hover: hover){.nav-direction:hover,.current-location:hover{font-size:1.8rem;color:#000}.current-location:hover{color:#fff}}@media (min-width: 1100px){.nav-bar{top:75%;left:90%;bottom:auto;right:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-direction{font-size:24px}}.card{width:100%;min-height:100vh;background:linear-gradient(90deg,#ccc5aa,#d3c9a3);position:relative;display:flex;flex-direction:column;overflow-x:hidden}.card-content{width:100%;margin:0;background:#00000012;z-index:1;padding:2rem 1rem;box-sizing:border-box}.resume-sub-content{width:100%;height:70vh;padding:.5rem 0;margin-bottom:2rem}@media (min-width: 768px){.card-content{width:88vw;margin-left:12vw;padding:3.5rem 2.5rem}.resume-sub-content{width:75vw;height:120vh}}.card{width:100vw;border-radius:4px;background:linear-gradient(90deg,#ccc5aa,#d3c9a3);position:relative;display:flex;flex-direction:column;overflow-x:hidden}.card-content{width:88vw;position:relative;margin:0px 0px 0px 12vw;background:#00000012;z-index:1;padding:3.5rem 2.5rem 0rem}.projects-sub-content{width:60vw;padding:.5rem}.projects-sub-content{width:100%;margin:0;padding:1rem 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;justify-content:center}.project-item-container{width:100%;aspect-ratio:1 / 1;cursor:pointer;position:relative;overflow:hidden;border-radius:24px}.project-item-details-overlay{opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:#000000b3;transition:opacity .3s ease;font-size:clamp(1rem,2vw,1.5rem)}.project-details-subtitle{font-size:clamp(1rem,1vw,1.5rem)}.project-item-container:hover .project-item-details-overlay{opacity:1}@media (max-width: 768px){.projects-sub-content{width:100%}}@media (min-width: 768px){.projects-sub-content{width:75vw}}@media (max-width: 768px){.project-item-details-overlay{opacity:1;background:linear-gradient(transparent,#000c);justify-content:flex-end;padding-bottom:20px}}.PopUp{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fffffff2;z-index:1000;display:flex;flex-direction:column;padding:2rem;box-sizing:border-box;overflow-y:auto}.PopUp button{align-self:flex-end;padding:10px 20px;background:#515151;color:#fff;border:none;border-radius:8px;cursor:pointer}.PopUp button:after{content:"Close ✕"}.PopUp-Description{font-size:clamp(.9rem,2vw,1.5rem);color:#000;margin-bottom:1rem}.crt-channel-change{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;animation:crt-channel-change .6s steps(1,end) forwards}@keyframes crt-channel-change{0%{opacity:1;background:#fff}15%{opacity:1;background:url(/noisy-texture-2.png),repeating-linear-gradient(0deg,#000c,#fff9,#000000e6,#c8c8c866 3px);background-size:auto,auto}50%{opacity:1;background:#000}75%{opacity:1;background:#fff}to{opacity:0;background:#fff}}