.front-page-container{--hero-h: 100vh;display:flex;flex-direction:column;padding-top:var(--hero-h)}@supports (height: 100dvh){.front-page-container{--hero-h: 100dvh}}.background-svg{position:absolute;top:var(--header-h);height:calc(var(--hero-h) - var(--header-h));width:100%;overflow:hidden}.front-page-content{height:100%;width:100%;padding:1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.content-container{width:100%;height:100%}@media (max-width: 604px){.page-body{padding:1rem}}@media (max-width: 400px){.page-body{padding:.1rem}}.introduction{background-color:var(--bg);border:var(--mondrian-line) solid #000;padding:2rem 2.5rem;max-width:min(44rem,100%);box-sizing:border-box}.name-title{display:flex;align-items:baseline}.name{display:inline-block;width:auto}.std-margin{margin:2rem 0}@media (max-width: 604px){.introduction{padding:1.5rem}.name-title{align-items:flex-end}.page-container{padding-top:3rem}.std-margin{margin:1rem 0}}@media (max-width: 400px){.introduction{padding:1rem}.name-title{align-items:flex-end}.page-container{padding-top:1rem}}.content-buttons{display:flex;gap:1rem}.backgroundSVG{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--bg);overflow:hidden}.backgroundSVG .mondrian{display:block;width:100%;height:100%}.backgroundSVG .mondrian path{vector-effect:non-scaling-stroke;stroke-width:var(--mondrian-line, 3px)}.header-container{--pad: 1rem;display:flex;align-items:center;background-color:var(--header-color);color:var(--header-text-color);padding:0 var(--pad) 0 var(--pad);position:fixed;top:0;left:0;width:calc(100% - (2 * var(--pad)));height:var(--header-h);z-index:9999}.header-left{flex:1;display:flex;align-items:center;gap:1rem}.header-right{flex:1;display:flex;justify-content:end;align-items:center;gap:1rem}.menu-button{display:flex;align-items:center;cursor:pointer}.header-text{color:var(--header-text-color)}.theme-button{background-color:var(--bg)}.header-icon{display:flex;align-items:center;font-size:2rem}.theme-switch{display:flex;align-items:center;gap:.5rem}.theme-icon{font-size:1.25rem}@media (max-width: 560px){.theme-icon{display:none}}.switch{position:relative;display:inline-block;width:60px;height:34px;cursor:pointer}.slider{position:relative;width:100%;height:100%;background-color:var(--carbon-gray);border-radius:34px;transition:.4s}.switch.checked .slider{background-color:var(--yellow)}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}.switch.checked .slider:before{transform:translate(26px)}input[type=checkbox]{display:none}.text-button-container{display:flex;align-items:center;gap:1rem;cursor:pointer;margin-bottom:1.75rem}.text-button-container:hover .button-text,.text-button-container:hover .text-button-icon{color:var(--hover-text-color)}.button-text{font-size:1.75rem}.text-button-icon{display:flex;align-items:center;font-size:1.75rem;color:var(--color)}.sidebar-container{position:fixed;top:0;left:0;background-color:#0000003b;width:100%;height:100%;z-index:9999}.sidebar{position:fixed;top:0;left:0;display:flex;flex-direction:column;background-color:var(--bg);width:20rem;height:100%;filter:drop-shadow(0 0 .25rem rgb(0,0,0))}.fade-in{animation:.2s ease 0s 1 fadeIn}.slide-left{animation:.2s ease 0s 1 slideInLeft}.fade-out{animation:.2s ease 0s 1 fadeOut forwards}.slide-out{animation:.2s ease 0s 1 slideOutLeft forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:100}}@keyframes fadeOut{0%{opacity:100}to{opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.sidebar-exit-container{display:flex;width:calc(100% - 2rem);margin:1rem;align-items:center}.left-container{flex:1;display:flex;align-items:center}.right-container{flex:1;display:flex;justify-content:flex-end}.sidebar-exit{padding:.3rem!important;background-color:var(--bg)}.button-div{display:flex;color:var(--color);margin:0}.menu-list{list-style-type:none;padding-left:1.5rem}.menu-item{margin-top:1rem}.work-card-container{padding:2rem;align-items:center;flex:1}.work-card-logo{flex:1;display:flex;justify-content:center;max-width:100%;max-height:100%}.work-card-body{flex:4;display:flex;flex-direction:column;gap:.5rem}.work-card-title{font-weight:900}@media (min-width: 1400px){.work-card-container{font-size:1.5rem}}@media (max-width: 903px){.work-card-container{flex-direction:column}.work-card-logo{max-width:60%;max-height:60%}}.j-center{justify-content:center}.contact-icon{font-size:1.25rem;color:var(--color)}.about-page-container{width:calc(100% - 6rem);padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--bg)}.work-cards{width:75%;display:flex;flex-direction:column;gap:1rem}.about-skills{display:flex;gap:1rem;width:75%}.about-card{padding:1rem;flex:1}@media (max-width: 903px){.about-skills{flex-direction:column}}@media (min-width: 1400px){.work-cards{flex-direction:row}}.article-card-container{display:flex;background-color:var(--green);padding:1rem;gap:1rem;align-items:center;flex:1}.article-card-logo{flex:1;display:flex;justify-content:center;max-width:100%;max-height:100%}.logo-image{max-width:100%;max-height:100%}.article-card-body{flex:4;display:flex;flex-direction:column;gap:.5rem}.article-card-title{font-weight:900}.tag-pill{padding:.5rem;border-radius:.5rem}@media (min-width: 1400px){.article-card-container{font-size:1.5rem}}@media (max-width: 903px){.article-card-container{flex-direction:column;justify-content:center}.article-card-logo{max-width:70%;max-height:70%}}.article-page-container{width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--bg)}.article-cards{display:flex;flex-direction:column;gap:1rem}.page-container{height:100vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg)}.page-body{padding:6rem 3rem 3rem;width:calc(100% - 6rem);height:inherit}.page-body-front{padding:3rem;display:flex;overflow:hidden;flex-direction:column;align-items:center}.projects-page-container{width:100%;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--bg)}.art-line{width:75%}.projects-cards{display:flex;flex-direction:column;gap:1rem}.project-modal{position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:#0000006c;display:flex;align-items:center;justify-content:center}.popup{display:flex;gap:1rem;padding:1rem;background-color:var(--bg)}a{font-weight:500;text-decoration:none;color:inherit}h1{font-family:Montserrat-Bold,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:3rem;line-height:1.1;margin:0rem;color:var(--color);transition:color 1s ease-in-out}@media (min-width: 904px){h1{font-size:4em}}h2,h3,h4,h5,h6,p{margin:0;color:var(--color)}.bold,b{font-family:Montserrat-Bold,Arial,sans-serif}.button{padding:.2rem 2rem;font-size:1.75rem;font-weight:400;font-family:inherit;border-width:10px;border-style:solid;color:var(--color);border-color:var(--color0);box-shadow:5px 5px var(--color1);cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s}.pressable{color:var(--color);border-color:var(--color0);box-shadow:5px 5px var(--color1);cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s}.sml-button{padding:.1rem 1rem;font-size:1.25rem;font-weight:400;font-family:inherit;border-width:5px}.pressable:active,.button:active{filter:brightness(80%);box-shadow:0 0 var(--color1);transform:translate(5px,5px)}.pressable:hover,.button:hover{filter:brightness(85%)}.yellow{background-color:var(--pastel-yellow)}.red{background-color:var(--pastel-red);color:#fff}.blue{background-color:var(--pastel-blue);color:#fff}.light-green{background-color:var(--green)}.body-text{font-size:1.5rem;font-family:inherit}@media (max-width: 903px){.body-text{font-size:1rem}.button{padding:.1rem 1rem;font-size:1.25rem;font-weight:400;font-family:inherit;border-width:5px}}.page-container{height:100vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.body-margin{padding:3rem}.border{border:10px solid var(--color0)}@media (max-width: 903px){.border,.button,.pressable{border:5px solid var(--color0)}}.flex-col-center{display:flex;flex-direction:column;align-items:center}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex}.center{align-items:center}.small-gap{gap:1rem}.underline{text-decoration-line:underline}@media (min-width: 1400px){p{font-size:1.25rem}}.font-color{color:var(--color)}.button-exit{display:flex;color:var(--color);margin:0;padding:.3rem!important;background-color:var(--bg)}@font-face{font-family:Futura-Bold;src:local("Futura-Bold"),url(/assets/Futura-Bold-800d7885.otf) format("opentype")}@font-face{font-family:Montserrat;src:local("Montserrat"),url(/assets/Montserrat-Regular-dcfe8df2.ttf) format("opentype")}@font-face{font-family:Montserrat-Bold;src:local("Montserrat"),url(/assets/Montserrat-Bold-189aeb28.ttf) format("opentype")}@font-face{font-family:Montserrat-Thin;src:local("Montserrat"),url(/assets/Montserrat-Thin-68f2bf44.ttf) format("opentype")}html,body{height:100%;margin:0}:root{font-family:Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:100;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--header-h: 3.25rem;--mondrian-line: 3px;--pastel-green: #bdff87;--persian-green: #00A693;--blue: #0300a5;--red: #cd0000;--yellow: #f3db00;--purple: #6A0DAD;--off-white: #fffef5;--carbon-gray: #625D5D;--gray0: #f8f8f8;--gray1: #dbe1e8;--gray2: #b2becd;--gray3: #6c7983;--gray4: #454e56;--gray5: #2a2e35;--gray6: #12181b;--pastel-blue: #8995fd;--pastel-red: #ff7d7d;--pastel-yellow: #fff38b;transition:background-color .5s ease-in-out,color 1s ease-in-out}.light{--bg: var(--off-white);--color2: var(--gray4);--color1: var(--gray5);--color: var(--gray6);--color0: #000;--green: var(--pastel-green);--header-color: var(--gray6);--header-text-color: var(--gray0);--hover-text-color: var(--blue)}.dark{--bg: var(--gray5);--color2: var(--gray3);--color1: var(--gray2);--color: var(--gray0);--color0: #fff;--green: var(--persian-green);--header-color: var(--gray6);--header-text-color: var(--gray0);--hover-text-color: var(--persian-green)}@media (max-width: 900px){:root{--mondrian-line: 2.5px}}@media (max-width: 560px){:root{--mondrian-line: 2px}}