body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Roslindale;font-style:normal;font-weight:400;src:url(/static/media/Roslindale-DisplayCondensedExtraLightItalic-Testing.06ff616dfd5dc9894c38.woff) format("woff")}@font-face{font-display:swap;font-family:HelveticaRegular;font-style:normal;font-weight:400;src:url(/static/media/HelveticaRegular.604bdf88d745293ed39d.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}:root{--background-color:#22211e;--text-color:#ecf3f5;--accent1-color:#aff8a2;--font-display:"Roslindale",sans-serif;--font-basic:"Helvetica",sans-serif}body{background-color:#22211e;background-color:var(--background-color);color:#ecf3f5;color:var(--text-color);font-family:Helvetica,sans-serif;font-family:var(--font-basic)}h1,h2,h4{font-family:Roslindale,sans-serif;font-family:var(--font-display)}header{align-items:center;display:flex;gap:4rem;justify-content:space-between;left:0;mix-blend-mode:difference;padding:1rem;position:fixed;top:0;width:100%;z-index:1;.header-logo img{height:3rem;mix-blend-mode:difference;position:relative;width:auto;z-index:3}.header-nav{.header-nav-links{display:flex;gap:1rem;list-style:none;li a{color:var(--text-color);font-size:1.5rem;text-decoration:none;text-transform:uppercase;transition:.3s;&:hover{color:var(--accent1-color);cursor:pointer}}}}.burger-menu{background-color:initial;border:none;color:var(--text-color);display:none}}@media (max-width:480px){header{align-items:center;justify-content:space-between;padding:.5rem;.header-logo img{max-height:2rem}.header-nav{background-color:var(--background-color);display:none;left:0;padding:5rem 1rem 2rem;position:absolute;right:0;text-align:center;top:0;z-index:2}.header-nav.open{display:block;mix-blend-mode:normal}.header-nav-links{flex-direction:column}.burger-menu{display:block;font-size:2rem;z-index:4}}}body.menu-open header,body.menu-open header .burger-menu,body.menu-open header .header-logo img,body.menu-open header .header-nav{mix-blend-mode:normal}.hero-section{max-width:100%;padding:7rem 1rem 4rem;h1{font-size:clamp(4rem,2.9rem + 5.8vw,8rem);line-height:clamp(3rem,2.9rem + 5.8vw,7.6rem)}p{font-size:1rem;font-weight:500;line-height:1.4rem;margin-top:1.5rem;max-width:70ch}hr{margin:2rem 0 1rem}.bottom-line{align-items:center;display:flex;font-size:1rem;justify-content:space-between;margin-top:2rem;.email{color:inherit;text-decoration:none;text-transform:uppercase}ul{display:flex;gap:1rem;list-style:none}}}@media (max-width:768px){.hero-section{.bottom-line{align-items:flex-start;flex-direction:column;gap:1rem}}}@media (max-width:480px){.hero-section{padding:5rem 1rem 3em;hr{margin-top:1rem}.bottom-line{ul{display:flex;flex-direction:column;gap:1rem}.email{display:none}}}}.marquee-wrapper{background-color:var(--text-color);height:6rem;overflow:hidden;padding:1.2rem 0;position:relative;.text{animation-delay:-14s;animation-duration:28s;animation-iteration-count:infinite;animation-name:scrollLeft;animation-timing-function:linear;color:var(--background-color);display:flex;font-size:3rem;font-weight:500;left:105rem;position:absolute;text-transform:lowercase;width:15rem}.text1{animation-delay:-24s}.text2{animation-delay:-20s}.text3{animation-delay:-16s}.text4{animation-delay:-12s}.text5{animation-delay:-8s}.text6{animation-delay:-4s}.text7{animation-delay:0s}}@keyframes scrollLeft{to{left:-15rem}}.projects-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);width:100%}.project{display:flex;flex-direction:column;.project-display{background-color:var(--background-color);background-position:50%;background-repeat:no-repeat;background-size:auto 32rem;height:30rem;overflow:hidden;position:relative;width:100%;&:before{background-image:linear-gradient(180deg,#0000,#0009);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:30%}.project-name-box{background:none;border:.1rem solid var(--text-color);border-radius:50%;bottom:1rem;color:inherit;cursor:pointer;display:inline-block;font-size:1.8rem;left:1rem;padding:1.5rem 2rem;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;transition:.3s;&:hover{border-color:var(--accent1-color);color:var(--accent1-color);scale:1.05}}}.project-details{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem 5rem;span{display:flex;font-size:1.8rem;gap:2rem;justify-self:flex-start;a{color:inherit;font-size:1.2rem;text-decoration:none;transition:.3s;&:hover{color:var(--accent1-color);cursor:pointer;scale:1.1}}}.project-description{align-self:flex-start;justify-self:flex-end;line-height:1.4rem;max-width:60ch;text-align:left}}}@media (max-width:768px){.project{.project-display{background-size:auto 30rem;height:28rem}.project-details{padding:1rem 1rem 4rem;span{font-size:1.5rem}}}}@media (max-width:480px){.projects-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.project{.project-display{background-size:auto 100%;display:flex;height:26rem;justify-content:center;.project-name-box{bottom:1rem;font-size:1.2rem;left:1rem;padding:1rem 1.5rem;right:1rem}}.project-details{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1rem 2rem;span{font-size:1.5rem}.project-description{font-size:.9rem;line-height:1.2rem}}}}footer{background-color:var(--accent1-color);color:var(--background-color);padding:3rem 1rem;h2{font-size:clamp(3rem,-2vw + 14vw,15rem);text-align:center;text-transform:uppercase}hr{border:1.2px solid var(--background-color);margin:1rem 0 2rem}.contact-links{display:flex;justify-content:space-between;a{color:inherit;font-size:1.2rem;text-decoration:none;text-transform:uppercase;transition:.3s;&:hover{scale:1.05}}}.copyright-row{align-items:baseline;display:flex;font-family:var(--font-display);font-size:1.5rem;font-weight:600;justify-content:space-between;margin-top:10rem;img{height:6rem;width:auto}}}@media (max-width:768px){footer .contact-links{flex-direction:column;gap:.8rem;text-align:center}}@media (max-width:480px){footer{.contact-links{a{font-size:1rem}}.copyright-row{margin-top:3rem;img{height:4rem}}}}
/*# sourceMappingURL=main.eca71898.css.map*/