@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf)}@font-face{font-family:Inter-Italic;src:url(/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf)}@font-face{font-family:DM Mono;src:url(/assets/DMMono-Regular-CHcedrof.ttf)}:root{--background:#c2aba1;--b-text:#371f14;--baccent:#694131;--accent:#a47f65;--accent-text:#fff;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}.container{z-index:0;flex:1;height:100%;padding:30px}.pageHead{flex-direction:column;flex:1;height:100%;display:flex}.spacer{height:1px}@media (width<=1024px){.spacer{display:none}}@media (width>=1025px){.spacer{display:block}}.headerImg{z-index:-1;position:absolute;right:0}@media (width<=1024px){.headerImg{height:60%;bottom:0}}@media (width>=1025px){.headerImg{width:55%;min-width:500px;top:0}}.headLeft{flex-direction:column;flex:1;justify-content:space-between;max-width:1000px;display:flex}@media (width>=1025px){.headLeft{width:55%}}.intro{flex-direction:column;gap:20px;display:flex}.pageSelectDesktop{flex-direction:row;gap:20px;display:flex}.main-button{border:4px solid var(--baccent);color:var(--baccent);background-color:var(--background);letter-spacing:3px;opacity:1;border-radius:40px;padding:15px;font-family:Inter;font-size:30px;font-weight:600;animation:.25s ease-in forwards fadeOutColor}@media (width<=1024px){.main-button{display:none}}@media (width>=1025px){.main-button{display:block}}.main-button:hover{background-color:var(--baccent);color:var(--background);cursor:pointer;animation:.25s ease-in forwards fadeInColor}.tag-container{flex-flow:wrap;gap:5px;display:flex}.tag{background-color:var(--accent);color:var(--b-text);border-radius:25px;padding:10px;font-family:DM Mono}#root{text-align:center;background-color:var(--background);flex-direction:column;max-width:100%;height:100svh;font-family:Inter;display:flex}body{background-color:var(--background);margin:0}h1,h2{font-family:var(--heading);color:var(--b-text);font-weight:500}h1{opacity:1;margin:32px 0;font-size:50px}@media (width<=1024px){h1{margin:20px 0;font-size:30px}}h1:hover{cursor:pointer;opacity:.7}h2{letter-spacing:2px;text-align:left;margin:0 0 8px;font-family:Inter-Italic;font-size:34px;font-weight:400;line-height:118%}@media (width<=1024px){h2{font-size:23px}}h3{color:var(--baccent);font-family:DM Mono;font-size:16px}p{margin:0;font-family:DM Mono;font-weight:200}.aboutImg{z-index:-1;margin-top:-10px;left:0}@media (width<=1024px){.aboutImg{width:80vw}}@media (width>=1025px){.aboutImg{height:85vh;margin-left:0}}.aboutDesc{text-align:left;margin-bottom:20px}@media (width<=1024px){.aboutDesc{width:100%}}@media (width>=1025px){.aboutDesc{width:60%}}@media (width>=1025px){.aboutHead{flex-direction:row;display:flex}}.aboutHead{gap:20px}@media (width<=1060px){.aboutSpacer{width:100%;height:80vw}}@media (width>=1061px){.aboutSpacer{width:56%}}.aboutDesc h3{margin-bottom:10px}.aboutBtns{flex-wrap:wrap;gap:10px;display:flex}.aboutBtn{border:4px solid var(--b-text);color:var(--b-text);background-color:var(--background);letter-spacing:3px;opacity:1;border-radius:40px;padding:10px;font-family:Inter;font-size:20px;font-weight:600;animation:.25s ease-in forwards fadeOutDarkColor}@media (width<=1024px){.aboutBtn{width:100%}}@media (width>=1025px){.aboutBtn{width:calc(50% - 10px)}}.aboutBtn:hover{background-color:var(--b-text);color:var(--background);cursor:pointer;animation:.25s ease-in forwards fadeInDarkColor}.filter-bar{flex-direction:row;justify-content:center;gap:20px;display:flex}select{appearance:base-select;border:2px solid var(--b-text);width:200px}::picker(select){appearance:base-select;border:2px solid var(--b-text);width:200px}select:open{border-bottom:1px solid var(--baccent);border-radius:10px 10px 0 0}select:not(:open){border-radius:10px}::picker(select){background-color:#0000;border-top:none;border-radius:0 0 10px 10px;box-shadow:0 8px 16px #0003}select,option{background-color:var(--background);color:var(--b-text);cursor:pointer;padding:10px;font-family:Inter;font-size:20px}select:hover,option:hover{background-color:var(--baccent);color:var(--background)}.work-container{flex-direction:column;justify-content:center;gap:20px;width:100%;display:flex}.project-container{flex-flow:wrap;justify-content:center;display:flex}@media (width<=1024px){.project-container{gap:10px}}@media (width>=1025px){.project-container{gap:20px}}.project-icon{z-index:0;border:1px solid var(--b-text);background-size:cover;background-color:var(--background);background-blend-mode:darken;justify-content:center;align-items:center;display:flex}@media (width<=1024px){.project-icon{border-radius:28px;width:150px;height:150px}}@media (width>=1025px){.project-icon{border-radius:30px;width:200px;height:200px}}.project-icon:hover{cursor:pointer;box-shadow:0 8px 16px #0003}.iconTitle{border:3px solid var(--b-text);background-color:var(--baccent);opacity:0;color:#fff;z-index:1;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:calc(100% - 20px);height:calc(100% - 20px);padding:10px;font-family:Inter-Italic;font-weight:600;animation:.25s ease-in forwards fadeOut;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:.9}}@keyframes fadeOut{0%{opacity:.9}to{opacity:0}}.iconTitle:hover{opacity:0;animation:.25s ease-in forwards fadeIn}.projectIcon{object-fit:cover;border-radius:30px;width:100%}.overlay{z-index:4;background-color:#0009;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0;overflow:auto}.modal{z-index:4;background-color:var(--background);border-radius:20px;width:calc(80% - 50px);height:auto;margin:40px 0;padding:25px;position:relative}@media (width>=945px){.modalNav{height:35px}}@media (width<=944px){.modalNav{height:25px}}.modalNav{justify-content:flex-end;width:100%;margin-bottom:20px;display:flex}.modalContent{flex-flow:wrap;justify-content:center;gap:20px;display:flex}.modalProjImageFit{height:calc (100% - 50px)}.projectImage{border-radius:20px}@media (width>=1025px){.projectImage{max-width:700px;max-height:500px}}@media (width<=1024px){.projectImage{width:calc(100% - 20px)}}.projectInfo{text-align:left;flex-direction:column;flex:1;justify-content:flex-start;gap:10px;display:flex}.projectDescription{flex-direction:column;gap:0;display:flex}h5{color:var(--b-text);margin:10px 0 0;font-family:Inter;font-size:15px;font-weight:500}:body{--background:#c2aba1;--b-text:#371f14;--baccent:#694131;--accent:#a47f65;--accent-text:#fff;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}html{scrollbar-color:var(--baccent) var(--background)}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf)}@keyframes fadeInColor{0%{background-color:var(--background);color:var(--baccent)}to{background-color:var(--baccent);color:var(--background)}}@keyframes fadeOutColor{0%{background-color:var(--baccent);color:var(--background)}to{background-color:var(--background);color:var(--baccent)}}@keyframes fadeInDarkColor{0%{background-color:var(--background);color:var(--b-text)}to{background-color:var(--b-text);color:var(--background)}}@keyframes fadeOutDarkColor{0%{background-color:var(--b-text);color:var(--background)}to{background-color:var(--background);color:var(--b-text)}}h1{letter-spacing:2px;font-family:Inter;font-weight:400}.navbar{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.desktop-nav{flex-direction:row;gap:20px}@media (width<=1024px){.desktop-nav{display:none}}@media (width>=1025px){.desktop-nav{width:370px;display:flex}}.mobile-nav-menu{opacity:1}.mobile-nav-menu:hover{opacity:.5;cursor:pointer}.mobile-nav{opacity:1;position:relative}@media (width<=1024px){.mobile-nav{width:25px;display:block}}@media (width>=1025px){.mobile-nav{display:none}}.mobileDropdownContent{z-index:2;background-color:var(--background);border:1px solid var(--b-text);border-radius:10px;flex-direction:column;justify-content:center;width:180px;margin-right:10px;display:flex;position:absolute;top:35px;right:0;box-shadow:0 8px 16px #0003}.mDropButton{background-color:var(--background);width:100%;color:var(--b-text);letter-spacing:6px;opacity:1;border:none;border-radius:10px;padding:10px;font-family:Inter;font-size:20px}.selected{-webkit-text-decoration:underline .08em var(--b-text);text-decoration:underline .08em var(--b-text);text-underline-offset:.4em}.mDropButton:hover{color:var(--baccent);cursor:pointer;-webkit-text-decoration:underline .08em var(--baccent);text-decoration:underline .08em var(--baccent);text-underline-offset:.4em}