@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}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:IBM Plex Mono,monospace}body{background-color:var(--alt-bg);font-family:IBM Plex Mono,monospace}body:has(.homepage){background-color:#fff}h1,h2,h3,h4{font-family:DM Sans,sans-serif}p,li,a{font-size:.875rem;line-height:1.4rem}a{color:#000;cursor:pointer}@media only screen and (min-width:64rem){p,li,a{font-size:1rem;line-height:1.6rem}}.btn-1{background-color:var(--red);color:#fff;cursor:pointer;border:none;border-radius:4px;width:11rem;height:2.875rem;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500}@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}}header,.social{flex-direction:row;align-items:center;display:flex;position:relative}header{justify-content:space-between;margin:2rem 1.5rem}.Header_title{cursor:pointer;font-family:Playfair Display,serif;font-size:2rem}header h2{font-family:IBM Plex Mono,monospace;display:none}.social{gap:1.2rem}.social>*{cursor:pointer}.social svg{cursor:pointer;width:1.25rem;height:1.25rem}.social svg:hover,.social svg:active{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);margin:0;padding:2rem 1.5rem}@media only screen and (min-width:64rem){.Header_NonHome header{margin:0;padding:2rem 4rem 1.5rem}}.hero{flex-direction:column;gap:1.25rem;min-height:70vh;margin:3rem 1.5rem;display:flex;position:relative}.hero h1{color:var(--red);font-size:3rem}.hero p{margin-bottom:1.25rem}.red{color:var(--red)}.header--cta,.view--work{flex-direction:row;align-items:center;display:flex}.header--cta{gap:1.5rem}.view--work{cursor:pointer;border-radius:4px;justify-content:space-around;gap:9px;width:11rem;height:2.875rem}.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{background-color:var(--alt-bg);flex-direction:column;padding:2.5rem 1.375rem 2.5rem 1.5rem;display:flex}.project--container div:first-child{margin-bottom:2.246rem}.project--container div h2{color:var(--red);font-size:1.696rem}.project--wrapper{flex-direction:column;gap:3.719rem;display:flex}.project,.project--text{flex-direction:column;display:flex}.project{gap:.973rem}.project img{filter:drop-shadow(0 8px 10px #0000000d);max-width:21.5rem}.project--text{gap:4px}.project--text h4{margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:.875rem}.project--text h3{margin-bottom:.75rem;font-family:Playfair Display,serif;font-size:1.269rem}.project--text p{color:var(--red);margin-bottom:.5rem}.project--links{flex-direction:row;align-items:center;gap:1rem;display:flex}.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{margin-bottom:1.2rem;font-size:1.9rem}.project--text p{margin-bottom:1.25rem}.project--links{gap:1.5rem}.project--icon{width:1.5rem;height:1.5rem}}.skills--wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;margin:0 .875rem;display:flex}.skills--wrapper h2{color:var(--red);font-size:1.688rem}.skills--list{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;max-width:60rem;display:flex}.skills--list li{text-transform:uppercase;background-color:var(--teal);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);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;padding:0 1.438rem;display:flex;position:relative}footer h2{color:var(--red);font-size:1.688rem}footer p{margin-bottom:1rem}.attribute{flex-flow:wrap;align-items:center;display:flex;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 p,.attribute a{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{color:var(--teal);font-size:.75rem}@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-open-p,.s-hero-close-p,.s-hero{margin-left:1rem}@media only screen and (min-width:64rem){.s-hero-open-p,.s-hero-close-p,.s-hero{margin-left:-9rem}}.s-projects{background-color:var(--alt-bg);flex-direction:row;padding-left:1rem;display:flex}.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{margin-left:1rem}.s-skills-h2{align-self:flex-start;margin-left:1rem}@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);flex-direction:row;padding-left:1rem;display:flex}.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);flex-direction:row;display:flex}.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;margin-bottom:20px;padding:10px;overflow:auto}pre>pre{margin:0}code{color:#333;font-family:Courier New,Courier,monospace}