@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=IBM+Plex+Mono:wght@400;500;600&family=Playfair+Display:wght@700&display=swap";:root{--primary:#6c66df;--purple-light:#f4f3fd;--purple-light-2:#eeedfb;--inactive:#b5b5ca;--white:#fff;--black:#000;--custom-black:#080917;--body-text:#4a4a68;--red:#cc304e;--alt-bg:#fef5ed;--teal:#d1e8e4}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}i{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:IBM Plex Mono,monospace;background-color:var(--alt-bg)}body:has(.homepage){background-color:#fff}h1,h2,h3,h4{font-family:DM Sans,sans-serif}a,li,p{font-size:.875rem;line-height:1.4rem}a{color:#000;cursor:pointer}@media only screen and (min-width:64rem){a,li,p{font-size:1rem;line-height:1.6rem}}.btn-1{width:11rem;height:2.875rem;border:none;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;background-color:var(--red);color:#fff;cursor:pointer}@media only screen and (max-width:26.25rem){.btn-1{font-size:.76rem}}@media only screen and (min-width:64rem){.btn-1{width:14.438rem;height:3.125rem;font-size:1rem}}.social,header{display:flex;flex-direction:row;align-items:center;position:relative}header{justify-content:space-between;margin:2rem 1.5rem}.Header_title{font-family:Playfair Display,serif;font-size:2rem;cursor:pointer}header h2{font-family:IBM Plex Mono,monospace;display:none}.social{gap:1.2rem}.social svg,.social>*{cursor:pointer}.social svg{width:1.25rem;height:1.25rem}.social svg:active,.social svg:hover{opacity:75%}@media only screen and (min-width:64rem){header{margin:2rem 4rem 1.5rem}header h2{display:block}.social svg{width:1.5rem;height:1.5rem}}.Header_NonHome{background-color:var(--alt-bg);padding:2rem 1.5rem;margin:0}@media only screen and (min-width:64rem){.Header_NonHome header{padding:2rem 4rem 1.5rem;margin:0}}.hero{margin:3rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;min-height:70vh;position:relative}.hero h1{font-size:3rem;color:var(--red)}.hero p{margin-bottom:1.25rem}.red{color:var(--red)}.header--cta,.view--work{display:flex;flex-direction:row;align-items:center}.header--cta{gap:1.5rem}.view--work{justify-content:space-around;gap:9px;cursor:pointer;width:11rem;height:2.875rem;border-radius:4px}.view--work:hover{border:1px solid #000}.view--work p{margin:0}@media only screen and (max-width:26.25rem){.view--work p{font-size:.76rem}}@media only screen and (min-width:64rem){.hero{margin:4rem 16.25rem 3.625rem}.hero h1{font-size:6rem}.hero p{max-width:41.375rem}.header--cta{gap:2.5rem}.view--work{width:14.438rem;height:3.125rem}}.project--container{padding:2.5rem 1.375rem 2.5rem 1.5rem;background-color:var(--alt-bg);display:flex;flex-direction:column}.project--container div:first-child{margin-bottom:2.246rem}.project--container div h2{font-size:1.696rem;color:var(--red)}.project--wrapper{gap:3.719rem}.project,.project--text,.project--wrapper{display:flex;flex-direction:column}.project{gap:.973rem}.project img{max-width:21.5rem;filter:drop-shadow(0 8px 10px rgba(0,0,0,.05))}.project--text{gap:4px}.project--text h4{font-family:IBM Plex Mono,monospace;font-size:.875rem;margin-bottom:4px}.project--text h3{font-family:Playfair Display,serif;font-size:1.269rem;margin-bottom:.75rem}.project--text p{color:var(--red);margin-bottom:.5rem}.project--links{display:flex;flex-direction:row;align-items:center;gap:1rem}.project--icon{width:1rem;height:1rem}@media only screen and (min-width:64rem){.project--container{padding:4.063rem 4rem 5.313rem}.project--container div:first-child{margin-bottom:4.125rem}.project--container div h2{font-size:3.376rem}.project--wrapper{gap:8.012rem}.project{flex-direction:row;gap:2.5rem}.project:nth-child(2n){flex-direction:row-reverse}.project img{max-width:40.75rem}.project--text{align-self:center;max-width:23rem}.project--text h4{font-size:1rem}.project--text h3{font-size:1.9rem;margin-bottom:1.2rem}.project--text p{margin-bottom:1.25rem}.project--links{gap:1.5rem}.project--icon{width:1.5rem;height:1.5rem}}.skills--wrapper{height:100vh;margin:0 .875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.skills--wrapper h2{font-size:1.688rem;color:var(--red)}.skills--list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:43.75rem}.skills--list li{text-transform:uppercase;background-color:var(--teal);width:-moz-fit-content;width:fit-content;padding:.75rem}@media only screen and (min-width:64rem){.skills--wrapper{gap:1.875rem}.skills--wrapper h2{font-size:3.376rem}.skills--list{gap:1.5rem}.skills--list li{padding:1rem}}footer{background-color:var(--alt-bg);height:100vh;padding:0 1.438rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;position:relative}footer h2{font-size:1.688rem;color:var(--red)}footer p{margin-bottom:1rem}.attribute{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:absolute;bottom:20px}.attribute p{margin:0}.react--logo{width:2.5rem;height:2.5rem}@media only screen and (max-width:26.25rem){.attribute a,.attribute p{font-size:.76rem}}@media only screen and (min-width:64rem){footer{position:relative}footer h2{font-size:3.376rem}footer p{max-width:35.25rem}.attribute{margin-top:0;position:absolute;bottom:20px}}.syntax{font-size:.75rem;color:var(--teal)}@media only screen and (min-width:64rem){.syntax{font-size:1rem}}.s-absolute{position:absolute}.s-header-html{top:-30px;left:-20px}.s-header-body{top:-16px;left:-10px}@media only screen and (min-width:64rem){.s-header-html{top:-25px}.s-header-body{top:-10px}}.s-hero-open-h1{top:-13px;left:20px}.s-hero-close-h1{top:43px;left:20px}.s-hero,.s-hero-close-p,.s-hero-open-p{margin-left:1rem}@media only screen and (min-width:64rem){.s-hero,.s-hero-close-p,.s-hero-open-p{margin-left:-9rem}}.s-projects{background-color:var(--alt-bg);display:flex;flex-direction:row;padding-left:1rem}.s-projects-h1{margin-left:1rem}@media only screen and (min-width:64rem){.s-projects{padding-left:6rem}.s-projects-h1{margin-left:4rem}}.s-skills,.s-skills-h2{margin-left:1rem}.s-skills-h2{align-self:flex-start}@media only screen and (min-width:64rem){.s-skills{margin-left:6rem}.s-skills-h2{margin-left:-26rem}}.s-footer{background-color:var(--alt-bg);display:flex;flex-direction:row;padding-left:1rem}.s-footer-h2{margin-left:-6rem}.s-footer-btn{margin-left:-5rem}@media only screen and (min-width:64rem){.s-footer{padding-left:6rem}.s-footer-h2{margin-left:-75rem}.s-footer-btn{margin-left:-73rem}}.s-footer-sub{background-color:var(--alt-bg);display:flex;flex-direction:row}.close-body{padding-top:.5rem;padding-left:.5rem}.close-html{padding-left:.25rem}@media only screen and (min-width:64rem){.close-body{padding-left:3rem}.close-html{padding-left:2rem}}pre{background-color:#f4f4f4;border:1px solid #ddd;padding:10px;overflow:auto;margin-bottom:20px}pre>pre{margin:0}code{font-family:Courier New,Courier,monospace;color:#333}