:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--whiteold:#fafafa;--white:#f1f0e7;--black:#1a1a1a;--green:#525c4b;--form_text:#0d1d02;--placeholder_text:#818c79;--transition_setup:.5s ease}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;margin:0;padding:0}body{flex-direction:column;display:flex;overflow-x:hidden}.FullScreenDiv{width:100%;height:100vh}#Hero_div{background-image:url(/assets/hero_dark-DmPZqahC.png);background-size:cover;flex-direction:column;justify-content:space-evenly;align-items:center;height:100vh;display:flex}.hero_h1{font-optical-sizing:auto;color:var(--green);margin:1vh;font-family:Inter,sans-serif;font-size:10rem;font-style:normal;font-weight:600}.NavSection{background-color:var(--green);flex-direction:column;width:100%;height:auto;padding:1vw;display:flex}#h2_directory{color:var(--white);align-self:flex-start;font-size:10rem}#directory{flex-direction:row;justify-content:space-evenly;gap:1vw;width:100%;height:auto;margin-top:2rem;display:flex}.NavCard{border:solid var(--white) 2px;justify-content:baseline;width:100%;height:25vh;color:var(--white);background-color:#0000;border-radius:15px;flex-direction:column;align-items:flex-start;padding:2rem;font-size:2rem;text-decoration:none;transition:all .3s;display:flex}.NavCard:hover{background-color:var(--white);color:var(--green);transition:all .5s}#nav_divider_line{background-color:var(--white);width:100%;height:2px;margin-top:1rem}.AboutMeSection{background-color:var(--white);grid-template-columns:50% 50%;height:auto;padding:10vh 5vw;display:grid}#AboutMe_header{text-align:left;grid-row:1;justify-self:start;font-size:7rem;font-style:italic;line-height:.8}#AboutMe_text_area{flex-direction:column;justify-content:space-between;height:auto;display:flex}#AboutMe_text{text-align:justify;font-optical-sizing:auto;color:var(--black);margin:0 0 .4vh;font-family:Inter,sans-serif;font-size:1.25rem;font-style:normal;font-weight:300}#ascii_portrait{height:40vh}#location_aboutme{font-optical-sizing:auto;height:11vh;color:var(--black);border-top:solid 1px var(--black);grid-column:2;grid-template-rows:50% 50%;grid-template-columns:10% auto;align-items:center;padding-top:2vh;font-family:Inter,sans-serif;font-style:normal;font-weight:300;display:grid}.about_icon{width:1.5vw;margin-right:1vw}#skills_section{background-color:var(--white);height:auto;padding-top:1rem;padding-bottom:1rem}.skills_row{grid-template-columns:33% auto 33%;grid-auto-columns:1fr;gap:16px;height:35vh;margin-left:5vw;margin-right:5vw;display:grid}.skills_row>:not(:last-child){position:relative}.skills_row>:not(:last-child):after{content:"";background-color:var(--black);width:1px;position:absolute;top:1rem;bottom:2rem;right:0}.skills_row:first-of-type{border-bottom:1px solid var(--black);margin-bottom:1rem}.skills_box{grid-template-rows:20% auto;grid-template-columns:20% auto;width:100%;display:grid}.skills_icon{align-self:center;width:4vw;padding:.5rem}.skills_content{flex-direction:column;grid-column-start:2;justify-content:flex-start;align-items:baseline;display:flex}#skills_heading{text-align:start;font-optical-sizing:auto;color:var(--black);align-self:center;margin:0 2vw 0 0;padding-bottom:.5vh;font-family:Inter,sans-serif;font-size:1.8rem;font-style:normal;font-weight:500}#skills_text{text-align:start;color:var(--black);font-optical-sizing:auto;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400}.WhatIdoDiv{background-color:#fafafa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90vh;display:flex}#WID_squares_div{grid-template-columns:33% auto 33%;width:65vw;height:55vh;display:grid}.WID_square{background-color:#fafafa;border-radius:20px;grid-template-rows:50% 20% 30%;width:85%;padding:.5rem;display:grid;box-shadow:4px 7px 15px 5px #0000006b}.WID_square:hover{filter:invert()}.WID_header_div{flex-direction:row;justify-content:center;align-items:baseline;display:flex}#WID_arrow{height:1rem}#PixelSorterSection_div{background-color:var(--green);grid-template-rows:50% 50%;justify-items:start;height:105vh;display:grid}#pixel_sorter_text_div{grid-template-rows:30% auto;grid-template-columns:75% auto;width:100%;padding-top:1.5vw;padding-bottom:1.5vw;padding-right:1.5vw;display:grid}#ps_qrcode{background-image:url(/assets/ps_qrcode-onJ2QHlb.svg);background-size:cover;justify-self:end;width:5rem;height:5rem}.ps_text{text-align:justify;color:var(--white);margin-left:1.5vw}.link_btn{color:var(--white);border:none;place-self:flex-end end;font-family:Chocolate Classical Sans,sans-serif;font-size:1.5rem;font-weight:8000;text-decoration:none}#pixel_sorter_images{background-color:#111;grid-template-rows:100%;grid-template-columns:25% 25% 25% 25%;width:100%;display:grid;overflow-y:hidden}.ps_image{background-image:url(/assets/sorted_image-C8PTSbRO.png);background-size:cover;width:100%;height:100%;transition:all .7s}.ps_image:hover{filter:blur(5px);transition:all 1.2s}#ps_thumb_asian{background-image:url(/assets/sorted_image2-EI10sSm-.png)}#ps_thumb_car{background-image:url(/assets/car1-Gmv381nA.png)}#liberty{background-image:url(/assets/liberty-CA0khJUE.png)}#ContactSection{background-color:var(--white);justify-content:center;display:flex}#ContactDiv{width:85vw;padding-top:10vh}#ContactHeader{height:10rem;color:var(--green);align-items:center;font-family:Inter,sans-serif;font-size:8rem;font-weight:400;display:grid}#ContactContent{background-color:#0000;grid-template-columns:auto 60%;align-items:start;width:100%;height:50vh;margin-top:8vh;display:grid}#first_contact_icon{color:var(--green);width:50%;height:auto;margin-top:2vh}#ContactForm{background-color:#0000;flex-direction:column;justify-content:space-between;align-self:baseline;align-items:baseline;width:100%;height:auto;display:flex}.FormInput{border:none;border-bottom:3px solid var(--black);width:100%;color:var(--form_text);font-optical-sizing:auto;background-color:#0000;margin-bottom:2vh;font-family:Inter,sans-serif;font-size:2rem;font-style:normal;font-weight:400}.FormInput::placeholder{color:var(--placeholder_text)}.ContactFormLabel{font-family:Inter,sans-serif;font-size:.7rem;text-decoration:underline}#DetailsForm{white-space:pre-wrap;word-wrap:break-word;min-height:2rem}#DetailsForm::-webkit-scrollbar{width:0;height:0;display:none}#FormSubmit{cursor:pointer;width:auto;height:auto;color:var(--form_text);appearance:none;background-color:#0000;border:none;width:fit-content;padding:0;font-family:Chocolate Classical Sans,sans-serif;font-size:3rem;font-style:normal;font-weight:800;display:inline-flex}#FooterNavDiv{background-color:var(--green);flex-direction:column;align-items:center;height:auto;padding-top:4.5rem;padding-bottom:1rem;display:flex;overflow:hidden}.FooterNavElement{width:98%;color:var(--black);transition:var(--transition_setup);justify-content:space-between;padding-top:2vh;padding-bottom:2vh;font-size:5rem;display:flex}.FooterNavElement:hover{background-color:var(--green);color:var(--white);transition:var(--transition_setup);cursor:pointer;font-size:5rem}#FNAV_arrow{width:auto;height:4rem;transition:var(--transition_setup);align-self:center}.FooterNavElement:hover #FNAV_arrow{transition:var(--transition_setup);fill:var(--white);transform:rotate(45deg)}.SectionLine{background-color:var(--black);width:98%;height:.3vh}#FooterFoot{grid-template-columns:20% auto;width:98%;height:4vw;margin-top:4.5rem;display:grid}#FooterFootQuip{color:var(--black);place-self:center start;font-size:4rem;font-style:italic;font-weight:100}#FooterFootTextGrid{border-top:1.8px solid var(--black);border-bottom:1.8px solid var(--black);grid-template-columns:30% 30% auto 13% 13%;align-self:end;width:100%;height:3rem;display:grid}#FooterFootTextGrid>*{border-right:1.5px solid var(--black);padding:0 1rem}#FooterFootTextGrid>:last-child{border-right:none}.FooterTextElement{color:var(--black);transition:var(--transition_setup);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.FooterTextElementHoverable{width:100%;height:100%;margin:0;padding:0}.FooterTextElementHoverable:hover{background-color:var(--white);cursor:pointer;transition:var(--transition_setup);width:100%;height:100%}.footerLink{margin:0;padding:0!important}h2{color:inherit;text-box-trim:both;text-box-edge:cap alphabetic;font-family:Inter,sans-serif;font-size:5rem;line-height:1;display:inline-block}h3{color:var(--black);font-size:2rem}h4{color:var(--black);font-optical-sizing:auto;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400}@media screen and (width<=800px){body{overflow-x:hidden}#Hero_div{background-image:url(/assets/home_mobile-CMrMMoey.png)}.AboutMeSection{flex-direction:column;align-items:center;display:flex}#ascii_portrait{width:50vw;height:auto;margin-bottom:10vh}#location_aboutme{grid-template-columns:25% auto;height:auto;margin-top:10vh;padding-top:10vh}.about_icon{width:8vh;height:auto}#skills_heading,#skills_text{font-size:.8rem}.skills_row{margin-left:0;margin-right:0}.main_ps_text{grid-column:span 2;padding:0 2vw}#pixel_sorter_text_div{grid-template-rows:12% auto 10%;height:auto}#PixelSorterSection_div{height:150vh;overflow-x:hidden}.link_btn{grid-column:2;font-size:1.2rem}#pixel_sorter_images{grid-template-rows:50% 50%;grid-template-columns:50% 50%}#first_contact_icon{display:none}#ContactForm{grid-column:span 2}#ContactHeader{font-size:3rem}#FooterFootQuip,.footerLink{display:none}#FooterFootTextGrid{grid-template-columns:40% 30% auto;align-items:center;width:100vw;height:auto}.FooterTextElement{font-size:1rem}h2{font-size:4rem}}